ghtml, body {
    background-color: #fff;
    font-family: Lato;
    font-size: 13px;
    font-weight: normal;
    font-variant: normal;
    color: #758697;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased !important
}

@font-face {
    font-family: 'Bar Code 39 f HR';
    src: url(../fonts/Bar39fh.ttf);
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/Lato.woff2) format('woff2');
}

h1, .h1 {
    font-size: 34px
}

h2, .h2 {
    font-size: 28px
}

h3, .h3 {
    font-size: 22px
}

h4, .h4 {
    font-size: 16px
}

h5, .h5 {
    font-size: 12px
}

h6, .h6 {
    font-size: 10px
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
    color: #2b425b
}

.barcode {
    font-family: "Bar Code 39 f HR";
}

::selection {
    background-color: #42a5f5;
    color: #fff
}

::-moz-selection {
    background-color: #42a5f5;
    color: #fff
}

.font-size-5 {
    font-size: 5px !important;
}

.font-size-7 {
    font-size: 7px !important;
}

.font-size-8 {
    font-size: 8px !important;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-11 {
    font-size: 11px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-17 {
    font-size: 17px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-19 {
    font-size: 19px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-21 {
    font-size: 21px !important;
}

.font-size-22 {
    font-size: 22px !important;
}

.font-size-23 {
    font-size: 23px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-25 {
    font-size: 25px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-27 {
    font-size: 27px !important;
}

.font-size-28 {
    font-size: 28px !important;
}

.font-size-29 {
    font-size: 29px !important;
}

.font-size-30 {
    font-size: 30px !important;
}

.main-color {
    color: #00B67C
}

.white-color {
    color: #fff !important;
}

.background-white-color {
    background: #fff !important;
}

.background-lite-white-color {
    background: #f2f2f2 !important;
}

.background-gray-color {
    background: #E4E4E4 !important;
}

.gray-color {
    color: #6F7573 !important;
}

.light-gray {
    color: #C4C4C4 !important;
}

.little-gray-color {
    color: #AEAEAE !important;
}

.light-background-gray {
    background: #C4C4C4 !important;
}

.hex-color {
    color: #f2f3f4 !important;
}

.hex-background-color {
    background-color: #f2f3f4 !important;
}

.dark-hex-color {
    color: #e1e3e4;
}

.deep-light-gray {
    color: #D4D4D4 !important;
}

.extra-light-gray {
    color: #B4B4B4 !important;
}

.black-color {
    color: black !important;
}

.lite-green {
    color: #00B67C !important;
}

.dark-green {
    color: #397E68 !important;
}

.deep-dark-green {
    color: #103227 !important;
}

.red-color {
    color: #FF432F !important;
}

.dark-red {
    color: #E21600 !important;
}

.dark-green-background {
    background: #29443c;
}

.disable-background-color {
    background: #E4E4E4;
}

.extra-lite-green {
    color: #429e81 !important;
}

.yellow-color {
    color: #FAC960 !important;
}

.blue-color {
    color: #03a9f4 !important;
}

.background-red-color {
    background: #FF432F !important;
}

.background-extra-light-blue {
    background-color: rgba(244, 244, 244, 1);
}

.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-200 {
    font-weight: 200 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-weight-800 {
    font-weight: 800 !important;
}

.font-weight-900 {
    font-weight: 900 !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.height-0 {
    height: auto !important;
}

.height-10 {
    height: 10px !important;
}

.height-20 {
    height: 20px !important;
}

.height-21 {
    height: 21px !important;
}

.height-22 {
    height: 22px !important;
}

.height-25 {
    height: 25px !important;
}

.height-29 {
    height: 29px !important;
}

.height-30 {
    height: 30px !important;
}

.height-32 {
    height: 32px !important;
}

.height-33 {
    height: 33px !important;
}

.height-34 {
    height: 34px !important;
}

.height-35 {
    height: 35px !important;
}

.height-36 {
    height: 36px !important;
}

.height-37 {
    height: 37px !important;
}

.height-38 {
    height: 38px !important;
}

.height-40 {
    height: 40px !important;
}

.height-50 {
    height: 50px !important;
}

.height-60 {
    height: 60px !important;
}

.height-70 {
    height: 70px !important;
}

.height-80 {
    height: 80px !important;
}

.height-85 {
    height: 85px !important;
}

.height-90 {
    height: 90px !important;
}

.height-93 {
    height: 93px !important;
}

.height-94 {
    height: 94px !important;
}

.height-95 {
    height: 95px !important;
}

.height-100 {
    height: 100px !important;
}

.height-110 {
    height: 110px !important;
}

.height-120 {
    height: 120px !important;
}

.height-130 {
    height: 130px !important;
}

.height-133 {
    height: 133px !important;
}

.height-140 {
    height: 140px !important;
}

.height-150 {
    height: 150px !important;
}

.height-154 {
    height: 154px !important;
}

.height-155 {
    height: 155px !important;
}

.height-156 {
    height: 156px !important;
}

.height-157 {
    height: 157px !important;
}

.height-160 {
    height: 160px !important;
}

.height-170 {
    height: 170px !important;
}

.height-173 {
    height: 173px !important;
}

.height-174 {
    height: 174px !important;
}

.height-175 {
    height: 175px !important;
}

.height-180 {
    height: 180px !important;
}

.height-185 {
    height: 185px !important;
}

.height-186 {
    height: 186px !important;
}

.height-187 {
    height: 187px !important;
}

.height-190 {
    height: 190px !important;
}

.height-193 {
    height: 193px !important;
}

.height-195 {
    height: 195px !important;
}

.height-196 {
    height: 196px !important;
}

.height-200 {
    height: 200px !important;
}

.height-210 {
    height: 210px !important;
}

.height-220 {
    height: 220px !important;
}

.height-225 {
    height: 225px !important;
}

.height-250 {
    height: 250px !important;
}

.height-300 {
    height: 300px !important;
}

.height-400 {
    height: 400px !important;
}

.height-500 {
    height: 500px !important;
}

.height-600 {
    height: 600px !important;
}

.height-650 {
    height: 650px !important;
}

.height-700 {
    height: 700px !important;
}

.height-740 {
    height: 740px !important;
}

.height-750 {
    height: 750px !important;
}

.height-760 {
    height: 760px !important;
}

.height-780 {
    height: 780px !important;
}

.width-100 {
    width: 100%;
}

.width-10 {
    width: 10px;
}

.width-15 {
    width: 15px;
}

.width-20 {
    width: 20px;
}

.width-30 {
    width: 30px;
}

.width-40 {
    width: 40px;
}

.width-45 {
    width: 45px;
}

.width-60 {
    width: 60px !important;
}

.width-61 {
    width: 61px !important;
}

.width-65 {
    width: 65px !important;
}

.width-70 {
    width: 70px !important;
}

.width-75 {
    width: 75px !important;
}

.width-77 {
    width: 77px !important;
}

.width-80 {
    width: 80px !important;
}

.width-85 {
    width: 85px !important;
}

.width-95 {
    width: 95px !important;
}

.width-103 {
    width: 103px !important;
}

.width-102 {
    width: 102px !important;
}

.width-105 {
    width: 105px !important;
}

.width-106 {
    width: 106px !important;
}

.width-110 {
    width: 110px !important;
}

.width-116 {
    width: 116px !important;
}

.width-120 {
    width: 120px !important;
}

.width-121 {
    width: 121px !important;
}

.width-125 {
    width: 125px !important;
}

.width-130 {
    width: 130px !important;
}

.width-140 {
    width: 140px !important;
}

.width-145 {
    width: 145px !important;
}

.width-150 {
    width: 150px !important;
}

.width-158 {
    width: 158px !important;
}

.width-160 {
    width: 160px !important;
}

.width-165 {
    width: 165px !important;
}

.width-170 {
    width: 170px !important;
}

.width-171 {
    width: 171px !important;
}

.width-175 {
    width: 175px !important;
}

.width-183 {
    width: 183px !important;
}

.width-190 {
    width: 190px !important;
}

.width-195 {
    width: 195px !important;
}

.width-250 {
    width: 250px !important;
}

.width-300 {
    width: 300px !important;
}

.width-310 {
    width: 310px !important;
}

.width-344 {
    width: 344px !important;
}

.width-345 {
    width: 345px !important;
}

.width-350 {
    width: 350px !important;
}

.width-346 {
    width: 346px !important;
}

.width-347 {
    width: 347px !important;
}

.width-490 {
    width: 490px !important;
}

.width-100-percentage {
    width: 100%;
}

.width-90-percentage {
    width: 90%;
}

.width-80-percentage {
    width: 80%;
}

.width-70-percentage {
    width: 70%;
}

.width-60-percentage {
    width: 60%;
}

.width-50-percentage {
    width: 50%;
}

.width-49-5-percentage {
    width: 49.5%;
}

.width-40-percentage {
    width: 40%;
}

.width-30-percentage {
    width: 30%;
}

.width-20-percentage {
    width: 20%;
}

.width-10-percentage {
    width: 10%;
}

.width-5-percentage {
    width: 5%;
}

.min-width-120 {
    min-width: 120px !important;
}

.min-width-140 {
    min-width: 140px !important;
}

.padding-top-0 {
    padding-top: 0px !important;
}

.padding-top-1 {
    padding-top: 1px !important;
}

.padding-top-2 {
    padding-top: 2px !important;
}

.padding-top-3 {
    padding-top: 3px !important;
}

.padding-top-4 {
    padding-top: 4px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-6 {
    padding-top: 6px;
}

.padding-top-7 {
    padding-top: 7px;
}

.padding-top-8 {
    padding-top: 8px !important;
}

.padding-top-9 {
    padding-top: 9px !important;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-11 {
    padding-top: 11px;
}

.padding-top-12 {
    padding-top: 12px;
}

.padding-top-13 {
    padding-top: 13px;
}

.padding-top-14 {
    padding-top: 14px;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-18 {
    padding-top: 18px !important;
}

.padding-top-19 {
    padding-top: 19px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-25 {
    padding-top: 25px !important;
}

.padding-top-26 {
    padding-top: 26px !important;
}

.padding-top-27 {
    padding-top: 27px !important;
}

.padding-top-28 {
    padding-top: 28px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-35 {
    padding-top: 35px !important;
}

.padding-top-37 {
    padding-top: 37px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}



.padding-bottom-0 {
    padding-bottom: 0px !important;
}

.padding-bottom-1 {
    padding-bottom: 1px !important;
}

.padding-bottom-2 {
    padding-bottom: 2px !important;
}

.padding-bottom-3 {
    padding-bottom: 3px !important;
}

.padding-bottom-4 {
    padding-bottom: 4px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-6 {
    padding-bottom: 6px !important;
}

.padding-bottom-7 {
    padding-bottom: 7px !important;
}

.padding-bottom-8 {
    padding-bottom: 8px !important;
}

.padding-bottom-9 {
    padding-bottom: 9px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-16 {
    padding-bottom: 16px !important;
}

.padding-bottom-18 {
    padding-bottom: 18px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-22 {
    padding-bottom: 22px !important;
}

.padding-bottom-24 {
    padding-bottom: 24px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-bottom-28 {
    padding-bottom: 28px !important;
}

.padding-left-0 {
    padding-left: 0px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-8 {
    padding-left: 8px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-11 {
    padding-left: 11px !important;
}

.padding-left-12 {
    padding-left: 12px !important;
}

.padding-left-13 {
    padding-left: 13px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-17 {
    padding-left: 17px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-22 {
    padding-left: 22px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-60 {
    padding-left: 60px !important;
}

.padding-left-80 {
    padding-left: 80px !important;
}

.padding-right-0 {
    padding-right: 0px !important;
}

.padding-right-2 {
    padding-right: 2px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-27 {
    padding-right: 27px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.border-bottom-spl-5 {
    border-bottom: 5px solid #397E68;
}

.margin-top--1 {
    margin-top: -1px;
}

.margin-top--2 {
    margin-top: -2px;
}

.margin-top-0 {
    margin-top: 0px;
}

.margin-top-1 {
    margin-top: 1px;
}

.margin-top-1-5 {
    margin-top: 1.5px;
}

.margin-top-2 {
    margin-top: 2px;
}

.margin-top-3 {
    margin-top: 3px;
}

.margin-top-4 {
    margin-top: 4px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-5-5 {
    margin-top: 5.5px;
}

.margin-top-6 {
    margin-top: 6px !important;
}

.margin-top-7 {
    margin-top: 7px !important;
}

.margin-top-8 {
    margin-top: 8px !important;
}

.margin-top-9 {
    margin-top: 9px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-11 {
    margin-top: 11px;
}

.margin-top-12 {
    margin-top: 12px;
}

.margin-top-13 {
    margin-top: 13px;
}

.margin-top-14 {
    margin-top: 14px;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-16 {
    margin-top: 16px;
}

.margin-top-17 {
    margin-top: 17px;
}

.margin-top-18 {
    margin-top: 18px;
}

.margin-top-19 {
    margin-top: 19px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-21 {
    margin-top: 21px;
}

.margin-top-22 {
    margin-top: 22px;
}

.margin-top-23 {
    margin-top: 23px;
}

.margin-top-24 {
    margin-top: 24px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-26 {
    margin-top: 26px;
}

.margin-top-27 {
    margin-top: 27px;
}

.margin-top-28 {
    margin-top: 28px;
}

.margin-top-29 {
    margin-top: 29px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-31 {
    margin-top: 31px;
}

.margin-top-32 {
    margin-top: 32px;
}

.margin-top-33 {
    margin-top: 33px;
}

.margin-top-34 {
    margin-top: 34px;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-55 {
    margin-top: 55px;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-top-73 {
    margin-top: 73px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-top-150 {
    margin-top: 150px;
}

.margin-right-1 {
    margin-right: 1px;
}

.margin-right-2 {
    margin-right: 2px;
}

.margin-right-3 {
    margin-right: 3px;
}

.margin-right-4 {
    margin-right: 4px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-6 {
    margin-right: 6px;
}

.margin-right-7 {
    margin-right: 7px;
}

.margin-right-8 {
    margin-right: 8px;
}

.margin-right-9 {
    margin-right: 9px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-11 {
    margin-right: 11px;
}

.margin-right-12 {
    margin-right: 12px;
}

.margin-right-13 {
    margin-right: 13px;
}

.margin-right-14 {
    margin-right: 14px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-35 {
    margin-right: 35px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-left-0 {
    margin-left: 0px;
}

.margin-left-1 {
    margin-left: 1px;
}

.margin-left-2 {
    margin-left: 2px;
}

.margin-left-3 {
    margin-left: 3px;
}

.margin-left-4 {
    margin-left: 4px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-6 {
    margin-left: 6px;
}

.margin-left-8 {
    margin-left: 8px;
}

.margin-left-9 {
    margin-left: 9px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-11 {
    margin-left: 11px;
}

.margin-left-12 {
    margin-left: 12px;
}

.margin-left-13 {
    margin-left: 13px;
}

.margin-left-14 {
    margin-left: 14px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-25 {
    margin-left: 25px;
}

.margin-left-22 {
    margin-left: 22px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-35 {
    margin-left: 35px !important;
}

.margin-left-38 {
    margin-left: 38px !important;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-left-42 {
    margin-left: 42px !important;
}

.margin-left-85 {
    margin-left: 85px !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-bottom-1 {
    margin-bottom: 1px !important;
}

.margin-bottom-2 {
    margin-bottom: 2px !important;
}

.margin-bottom-3 {
    margin-bottom: 3px !important;
}

.margin-bottom-4 {
    margin-bottom: 4px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-6 {
    margin-bottom: 6px !important;
}

.margin-bottom-8 {
    margin-bottom: 8px !important;
}

.margin-bottom-9 {
    margin-bottom: 9px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-11 {
    margin-bottom: 11px !important;
}

.margin-bottom-12 {
    margin-bottom: 12px !important;
}

.margin-bottom-13 {
    margin-bottom: 13px !important;
}

.margin-bottom-14 {
    margin-bottom: 14px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-35 {
    margin-bottom: 35px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-0 {
    margin: 0px !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.custom-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .custom-container {
        width: 750px
    }
}

@media (min-width:992px) {
    .custom-container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .custom-container {
        width: 1140px
    }
}

button.vendor-save-btn[disabled] {
    opacity: .5 !important;
}

.captcha-section {
    height: 67px;
    width: 304px;
    /*border: 1px solid #E4E4E4;*/
    margin-top: 10px;
    position: relative;
    right: 21px;
}

.captcha-check {
    width: 250px;
}


.line-height-10 {
    line-height: 10px;
}

.line-height-12 {
    line-height: 12px;
}

.align-middle {
    vertical-align: middle;
}

.align-top {
    vertical-align: top;
}

.align-bottom {
    vertical-align: bottom;
}

.align-baseline-middle {
    vertical-align: -webkit-baseline-middle;
}

.align-inherit {
    vertical-align: inherit !important;
}

.border-solid {
    border: solid 1px #ccc;
}

.border-bottom-solid {
    border-bottom: solid 1px #ccc;
}

.border-tbl-bottom-solid {
    border-bottom: solid 1px #E4E4E4;
}

.border-top-none {
    border-top: none !important;
}

.border-bottom-none {
    border-bottom: none !important;
}

.border-right-none {
    border-right: none !important;
}

.border-left-none {
    border-left: none;
}

.border-right-color {
    border-right-color: #000;
}

.border-radius-none {
    border-radius: 0 !important;
}

.gray-background-custer-service-rep-label {
    height: 28px;
    border-radius: 3px;
    background-color: #E4E4E4;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
    padding-top: 5px;
}

.top-hdr-input-control {
    width: 340px;
    background-color: #103227;
    border: none;
    height: 60px;
    font-size: 18px;
    padding: 0 50px 0 15px;
    color: #397E68;
}

    .top-hdr-input-control:focus {
        border: none;
        outline: 0;
        color: #397E68;
    }

    .top-hdr-input-control::-moz-placeholder {
        color: #397E68;
        opacity: 1
    }

    .top-hdr-input-control:-ms-input-placeholder {
        color: #397E68;
    }

    .top-hdr-input-control::-webkit-input-placeholder {
        color: #397E68;
    }

.top-hdr-input-control-search-icon {
    position: relative;
    right: 45px;
    top: 5px;
}

.produt-group-input-control {
    width: 100%;
    background-color: #fff;
    border: solid 1px #ccc;
    height: 50px;
    font-size: 14px;
    padding: 0 50px 0 15px;
    color: #949292 !important;
    position: relative;
    top: 3px;
    margin: -4px 0 0 0;
}

    .produt-group-input-control:focus {
        border: none;
        outline: 0;
        color: #397E68;
        border: solid 1px #ccc;
    }

    .produt-group-input-control::-moz-placeholder {
        color: #949292 !important;
        opacity: 1
    }

    .produt-group-input-control:-ms-input-placeholder {
        color: #949292 !important;
    }

    .produt-group-input-control::-webkit-input-placeholder {
        color: #949292 !important;
    }

.produt-group-input-control-search-icon {
    position: absolute;
    right: 15px;
    top: 13px;
}

.hdr-main-sub-section {
    background-color: #fff;
    padding: 10px 10px 10px 10px;
    box-shadow: 0 1px 1px 0 #B4B4B4;
}

.display-initial {
    display: initial !important;
}

#duplicate-popup-section > .popover {
    left: 32.453px !important;
}

.main-processing-loader {
    display: block;
    height: 900px;
    margin-top: 0;
    padding: 65px 0 0 0;
    position: absolute;
    z-index: 1000;
    opacity: .9
}

.main-loader-processing-section {
    border-radius: 10px;
    padding: 50px 0 50px 0;
    margin: 50px auto;
    position: relative;
    left: 37.1%;
}

.main-processing-order-view-loader {
    display: block;
    height: 900px;
    margin-top: 0;
    position: absolute;
    z-index: 1000;
    opacity: .9
}

.main-loader-processing-order-view-section {
    border-radius: 10px;
    padding: 0px 0 50px 0;
    margin: 10px auto;
    position: relative;
    left: 37.1%;
}

.main-loader {
    display: block;
    height: 980px;
    margin-top: 0;
    padding: 65px 0 0 0;
    position: absolute;
    z-index: 1000000;
    background: #2f7760;
    opacity: .9
}

.main-loader-inner-section {
    background: #22eaaa;
    border: solid 1px #06de9a;
    border-radius: 10px;
    padding: 50px 0 50px 0;
    margin: 100px auto;
    position: relative;
    left: 34.5%;
}

.ui-menu-item-wrapper:focus {
    border: solid 1px rgba(201, 201, 201, 1) !important;
    background: #D4D4D4;
    color: #fff !important;
    box-shadow: none !important;
}

.success-modal-algn {
    margin-top: 10% !important;
}

.modal-header-section {
    border-bottom: solid 1px #e5e5e5;
    padding: 0px 0 5px 0;
}

.modal-header-ord-section {
    padding-top: 8px !important;
}

.modal-header {
    border: none !important;
    padding: 10px 10px 10px 10px !important;
}

.customer-search-label-algn {
    margin: 5px 0 5px 480px !important;
}

.modal-hdr {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    font-family: Lato;
}

.modal-result-count-section {
    font-size: 13px;
    padding: 8px 0 0px 0;
    color: #103227;
    font-weight: bold;
}

.modal-search-content-box {
    width: 100%;
    height: 10.31%;
    background-color: #103227;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
    padding: 8px 10px 0px 10px;
    margin: 0 0 10px 0;
}

    .modal-search-content-box h3 {
        height: 22px;
        width: 100%;
        color: #00B67C;
        font-family: Lato;
        font-size: 18px;
        line-height: 22px;
        margin: 0px;
    }

    .modal-search-content-box p {
        height: 12px;
        width: 100%;
        color: #397E68;
        font-family: Lato;
        font-weight: 900;
        line-height: 12px;
    }

.table-view-add-section {
    background-color: #E4E4E4 !important;
}

.bootbox-modal-header {
    padding: 7px 0px 6px 0px !important;
    border-bottom: 1px solid #e4e4e4 !important;
    margin: 0 11px 0 11px !important;
}

.bootbox-body {
    padding: 10px 10px 10px 10px;
    height: 145px;
    color: #103227;
    font-size: 13px;
}

.bootbox-modal-footer {
    padding: 9px 12px 13px 15px !important;
    text-align: right;
    border: none !important;
}

.boot-box-modal-content {
    background-color: #fff !important;
}

#order-entry-rush-reason-edit-view {
    padding: 0 0 0 10px;
}

#order-entry-hold-reason-edit-view {
    padding: 0 0 0 10px;
}

.new-order-labl-section {
    height: 40px;
    width: 135px;
    border-radius: 3px;
    background-color: #F4F4F4;
    padding: 0px 10px 0 10px;
}

    .new-order-labl-section span::before {
        position: relative;
        top: 8px;
        width: 25px;
        height: 25px;
        content: url(../images/icons/Ico_New_Order.svg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

    .new-order-labl-section p {
        padding: 8px 0px 0 6px;
        line-height: 12px;
        text-transform: uppercase;
        color: #6F7573;
        font-family: Lato;
        font-size: 11px;
        font-weight: 900;
    }

.new-order-labl-txt-view-section {
    font-family: Lato;
    font-size: 13px;
    line-height: 16px;
    color: #103227;
    margin: 2px 0 0 0;
}

.replacement-order-labl-section {
    height: 40px;
    width: 135px;
    border-radius: 3px;
    background-color: #D4D4D4;
    padding: 0px 10px 0 10px;
}

    .replacement-order-labl-section span::before {
        position: relative;
        top: 8px;
        width: 25px;
        height: 25px;
        content: url(../images/icons/Ico_Replacement.svg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

    .replacement-order-labl-section p {
        padding: 8px 0px 0 6px;
        line-height: 12px;
        text-transform: uppercase;
        color: #6F7573;
        font-family: Lato;
        font-size: 11px;
        font-weight: 900;
    }

.replacement-order-labl-txt-view-section {
    font-family: Lato;
    font-size: 13px;
    line-height: 16px;
    color: #103227;
    margin: 3px 0 0 0;
}

.replacement-order-labl-choose-order-txt-view-section {
    color: #B4B4B4;
    font-family: Lato;
    font-size: 13px;
    font-style: italic;
    line-height: 16px;
}

.hold-order-reason-txt {
    font-family: Lato;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    margin: 3px 0 0 0;
}

.open-order-labl-section {
    height: 40px;
    width: 135px;
    border-radius: 3px;
    background-color: #00B67C;
    padding: 0px 10px 0 10px;
}

    .open-order-labl-section span::before {
        position: relative;
        top: 8px;
        width: 25px;
        height: 25px;
        content: url(../images/icons/Ico_Existing_Order.svg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

    .open-order-labl-section p {
        font-size: 11px;
        color: #235545;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 12px;
        padding: 8px 0px 0 6px;
    }

.rush-order-labl-section {
    height: 40px;
    width: 135px;
    border-radius: 3px;
    background-color: #fff;
    padding: 0px 10px 0 10px;
}

    .rush-order-labl-section span::before {
        position: relative;
        top: 8px;
        width: 25px;
        height: 25px;
        content: url(../images/icons/Ico_Rush_Order.svg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

    .rush-order-labl-section p {
        font-size: 11px;
        color: #FF432F;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 12px;
        padding: 8px 0px 0 6px;
    }

.hold-order-labl-section {
    height: 40px;
    width: 135px;
    border-radius: 3px;
    background-color: #E21600;
    padding: 0px 10px 0 10px;
    position: absolute;
    z-index: 1000;
}

    .hold-order-labl-section span::before {
        position: relative;
        top: 5px;
        width: 25px;
        height: 25px;
        content: url(../images/icons/Ico_Hold_Red.jpg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

    .hold-order-labl-section p {
        font-size: 11px;
        color: #810C00;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 12px;
        padding: 8px 0px 0 6px;
    }

.cancel-order-labl-section {
    height: 40px;
    width: 135px;
    border-radius: 3px;
    background-color: #07231A;
    padding: 0px 10px 0 10px;
    position: absolute;
    z-index: 1000;
}

    .cancel-order-labl-section span::before {
        position: relative;
        top: 5px;
        width: 25px;
        height: 25px;
        content: url(../images/icons/Ico_Cancel_Order.jpg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

    .cancel-order-labl-section p {
        font-size: 11px;
        color: #397E68;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 12px;
        padding: 8px 0px 0 6px;
    }

.dropdown-menu-discount-description-item-table {
    padding: 5px 6px !important;
    background: #f4f4f4 !important;
}

    .dropdown-menu-discount-description-item-table:hover {
        box-shadow: none !important;
    }

    .dropdown-menu-discount-description-item-table .form-control:hover {
        border: 1px solid #B4B4B4 !important;
    }

.cursor-nodrop {
    cursor: no-drop;
}

.breadcrumb-section {
    margin: 0px;
}

.cursor-auto {
    cursor: auto;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-progress {
    cursor: progress;
}

.badge-ico-bell {
    position: absolute;
    top: 11px;
    right: 7px;
}

.ico-bread-seap-algn {
    padding: 0 5px 0 5px;
}

.hdr-sub-section {
    background-color: #fff;
    padding: 6px 10px 3px 10px;
}

.main-cnt-section {
    background-color: #f2f3f4;
    height: auto;
    background-size: contain;
    padding: 20px 10px 10px 10px;
}

.fl-wdth {
    width: 100%;
}

.prg-algn {
    margin: 14px 0 15px 0;
}

.chkbox-txt-color {
    color: #103227;
}

.modal-header-grid-section {
    width: 20%;
    float: left;
}

.purchased-color p {
    color: #fff;
    border-radius: 3px;
    background-color: #FF432F;
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    margin: 0;
}

.stock-color p {
    color: #fff;
    border-radius: 3px;
    background-color: #00B67C;
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    margin: 0;
}

.manufactured-color p {
    color: #fff;
    border-radius: 3px;
    background-color: #397E68;
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    margin: 0;
}

.non-stock-color p {
    color: #fff;
    border-radius: 3px;
    background-color: #b5b7ba;
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    margin: 0;
}

.input-group-form {
    display: table-cell;
}

.green-btn {
    box-sizing: border-box;
    height: 34px;
    width: 100%;
    color: #fff;
    border: 1px solid #235545;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%);
}

    .green-btn:hover {
        background: #008E61 5%;
        transition: all 0.2s ease-in-out;
    }

.validating-from-control {
    color: #FF432F !important;
    border: 1px solid #FF432F !important;
    outline: none;
    background: #FFF0EE !important;
    box-shadow: 0 2px 2px 0 rgba(255,67,47,0.25);
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.table-input-control-item-no {
    padding: 0 22px 0 10px !important;
}

.item-table-drop-down {
    color: #397E68 !important;
}

    .item-table-drop-down:hover {
        width: 250px !important;
    }

.copy-right-login {
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    width: 100%;
}

.modal-hold {
    background: #fff !important;
    padding: 0px !important;
}

.modal-hold-hdr {
    padding: 0px !important;
}

.modal-hold-header-title {
    border-bottom: solid 1px #e5e5e5;
    padding: 13px 10px 6px 10px;
}

.modal-hold-close-btn {
    margin: -3px 9px 0 0
}

.modal-hold-body {
    background-color: #f4f4f4;
    padding: 12px 15px 15px 15px !important;
    position: relative;
}

.modal-rush-body {
    background-color: #f4f4f4;
    padding: 12px 15px 15px 15px !important;
    position: relative;
}

.hold-modal-cancel-btn {
    line-height: 0.42857 !important;
}

.ord-view-table-row {
    padding-right: 21px !important;
}

.modal-hold-footer {
    text-align: center;
    font-family: lato;
    font-size: 13px;
    padding: 28px 0px 20px 46px;
    position: relative;
    background: #fff url(../images/dashboard-bdr.jpg);
    background-repeat: repeat-x;
}

.modal-rush-footer {
    text-align: center;
    font-family: lato;
    font-size: 13px;
    padding: 28px 0px 20px 46px;
    position: relative;
    background: #fff url(../images/dashboard-bdr.jpg);
    background-repeat: repeat-x;
}

.table-input-control-item-search[disabled] {
    background-color: #E4E4E4;
    opacity: 1;
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
}

.loader-main {
    display: table;
    position: relative;
    top: 50%;
    float: none;
    margin: 0px auto;
    color: #FFF;
    font-size: 24px;
    width: 400px;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 370px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.bg-spl {
    background: rgba(228, 228, 228, 1);
    width: 100%;
    height: auto;
}

.properties-setup-dashed-col-section {
    background-color: #fff;
    border: 1px dashed #ccc;
    height: 50px;
    padding: 8px 10px 8px 10px;
}

.properties-setup-use-width-section {
    background-color: rgba(228, 228, 228, 1);
    border: 1px solid rgba(201, 201, 201, 1);
    padding: 10px 10px 10px 10px;
}

.properties-setup-maintanance-setup-button {
    text-align: center;
    background-color: #797979;
    border-radius: 5px;
    border: none;
    color: #fff;
    height: 70px;
    font-weight: 900;
    font-size: 12px;
    width: 100%;
    margin-left: 0px;
    margin-top: 15px;
}

.properties-setup-exclusive-set-label {
    color: #CC3300;
    font-size: 15px;
    font-weight: 900;
}

.properties-setup-size-maib-section {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.0980392156862745);
    height: auto;
}

.grid-main-section-1 {
    border-width: 0px;
    height: 765px;
    padding: 10px 20px 10px 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.0980392156862745);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.0980392156862745);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.0980392156862745);
}

.grid-sub-section-1 {
    border-width: 0px;
    height: auto;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border: 1px solid rgba(212, 212, 212, 1);
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392156862745);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392156862745);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392156862745);
    font-family: 'Lato-Bold', 'Lato Bold', 'Lato';
    font-style: normal;
    line-height: 10px;
    padding: 15px 20px 15px 20px;
}

.grid-main-section-2 {
    background-color: #fff;
    height: auto;
    padding: 15px;
    border: 1px solid #dfdfdf;
}

.grid-sub-input-view-div {
    height: 50px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border: 1px solid rgba(201, 201, 201, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Lato-Bold', 'Lato Bold', 'Lato';
    font-weight: 700;
    font-style: normal;
    padding: 5px 5px 5px 5px;
}

.grid-sub-input-view-div-section-1 {
    height: auto;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Lato-Bold', 'Lato Bold', 'Lato';
    font-weight: 700;
    font-style: normal;
    padding: 5px 5px 0px 5px;
}

.basic-input-hover:hover {
    background-image: url(../images/icons/Ico_Edit.svg);
    background-repeat: no-repeat;
    background-position: 97% 25px;
    position: relative;
    width: 100%;
    border: solid 1px #00b67c;
}

.basic-input-code-hover:hover {
    background-image: url(../images/icons/Ico_Edit.svg);
    background-repeat: no-repeat;
    background-position: 5% 25px;
    position: relative;
    width: 100%;
    border: solid 1px #00b67c;
}

.spl-prdt-hover:hover {
    width: 100%;
    border: solid 1px #00b67c;
}

.side-drop-down-section {
    margin: 0px;
    padding: 0px;
}

    .side-drop-down-section ul {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0px;
    }

        .side-drop-down-section ul li {
            margin: 0px;
            padding: 12px 0 12px 20px;
            color: #316F5C;
            font-weight: 900;
            list-style-type: none;
            font-style: normal;
            background: #fff;
            border-bottom: solid 1px #e4e4e4;
            cursor: pointer;
        }

.default-left-sidebar-section {
    border-width: 0px;
    position: fixed;
    height: 100%;
    width: 25%;
    background: inherit;
    background-color: rgba(244, 244, 244, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(185, 185, 185, 1);
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-setup-sidebar-address-section {
    width: 100%;
    height: auto;
    background: inherit;
    padding: 25px 20px 15px 20px;
    background-color: rgba(238, 230, 217, 1);
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.RequestMailPreviewModal > .modal-dialog {
    width: 25% !important;
}

.RequestMailPreviewModal .bootbox-body {
    height: auto !important;
}

.RequestMailPreviewModal .modal-content {
    padding: 0px !important;
}

.RequestMailPreviewModal .bootbox-body {
    padding: 18px 18px 10px 16px !important;
}

.RequestMailPreviewModal .modal-body {
    padding: 0px !important;
    background: #f4f4f4;
}

.RequestMailPreviewModal .bootbox-modal-header {
    border: none !important;
    padding: 12px 0px 12px 0px !important;
}

.ReAllocatedModalbootboxView .bootbox-body {
    padding: 10px 7px 10px 7px !important;
}

.sorttable {
    cursor: pointer;
}

.ascStyle {
    background-image: url(../images/sort_desc.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.descStyle {
    background-image: url(../images/sort_asc.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.unsortStyle {
    background-image: url(../images/sort_both.png);
    background-repeat: no-repeat;
    background-position: center right;
}




table.tablesorter thead tr .header {
    background-image: url(../images/sort_both.png);
    background-repeat: no-repeat;
    background-position: center right;
}



table.tablesorter thead tr .headerSortUp {
    background-image: url(../images/sort_asc.png);
    background-repeat: no-repeat;
    background-position: center right;
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../images/sort_desc.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.bootstrap-timepicker {
    position: relative;
}

    .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
        left: auto;
        right: 0;
    }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
            left: auto;
            right: 12px;
        }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
            left: auto;
            right: 13px;
        }

    .bootstrap-timepicker .input-group-addon {
        cursor: pointer;
    }

        .bootstrap-timepicker .input-group-addon i {
            display: inline-block;
            width: 16px;
            height: 16px;
        }

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px;
}

    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: inline-block;
    }

    .bootstrap-timepicker-widget.dropdown-menu:before {
        border-bottom: 7px solid rgba(0, 0, 0, 0.2);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
    }

    .bootstrap-timepicker-widget.dropdown-menu:after {
        border-bottom: 6px solid #FFFFFF;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
    }

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}

.bootstrap-timepicker-widget table {
    width: 94%;
    margin: -2px 0 0 8px;
}

    .bootstrap-timepicker-widget table td {
        text-align: center;
        height: 30px;
        margin: 0;
        padding: 2px;
    }

        .bootstrap-timepicker-widget table td:not(.separator) {
            min-width: 30px;
        }

        .bootstrap-timepicker-widget table td span {
            width: 100%;
        }

        .bootstrap-timepicker-widget table td a {
            border: 1px transparent solid;
            width: 100%;
            display: inline-block;
            margin: 0;
            padding: 8px 0;
            outline: 0;
            color: #333;
        }

            .bootstrap-timepicker-widget table td a:hover {
                text-decoration: none;
                background-color: #eee;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                border-color: #ddd;
            }

            .bootstrap-timepicker-widget table td a i {
                margin-top: 2px;
                font-size: 18px;
            }

        .bootstrap-timepicker-widget table td input {
            margin: 0;
            text-align: center;
            border: 1px solid #D4D4D4;
            background-color: #FFFFFF;
            color: #103227;
            font-size: 15px;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
            height: 32px;
            width: 32px;
        }

.bootstrap-timepicker-widget .modal-content {
    padding: 0px;
    border: none !important;
    box-shadow: none;
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: 6px;
        margin-top: -15px;
    }
}

@media (max-width: 767px) {
    .bootstrap-timepicker {
        width: 100%;
    }

        .bootstrap-timepicker .dropdown-menu {
            width: 100%;
        }
}

#bootstrap-timepicker-modal .modal-footer {
    padding: 0px 12px !important;
    border: none !important;
}

.bootstrap-timepicker-cancel-btn {
    height: 32px;
    width: 85px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    margin: 0 4px 0 0px;
    font-size: 10px;
    color: #397E68;
    font-weight: 700;
    text-transform: uppercase;
}

.bootstrap-timepicker-apply-btn {
    height: 32px;
    width: 85px;
    border: 1px solid #235545;
    border-radius: 3px;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%);
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.popover-markup .popover-content {
    padding: 11px 15px 20px !important;
}

.top-nav-drop-section {
    width: 60px;
    height: 60px;
    background: -webkit-linear-gradient(270deg, rgba(0, 183, 124, 1) 0%, rgba(0, 183, 124, 1) 0%, rgba(0, 142, 97, 1) 100%, rgba(0, 142, 97, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(0, 183, 124, 1) 0%, rgba(0, 183, 124, 1) 0%, rgba(0, 142, 97, 1) 100%, rgba(0, 142, 97, 1) 100%);
    background: linear-gradient(180deg, rgba(0, 183, 124, 1) 0%, rgba(0, 183, 124, 1) 0%, rgba(0, 142, 97, 1) 100%, rgba(0, 142, 97, 1) 100%);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(16, 50, 39, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 18px 18px 0 0;
}

.table-dropdown-menu-dropbtn {
    background-color: transparent;
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.table-dropdown-menu {
    position: relative;
    display: inline-block;
}

.table-dropdown-menu-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .table-dropdown-menu-content a {
        color: #103227;
        padding: 4px 16px;
        text-decoration: none;
        display: block;
        font-size: 10px;
        font-weight: bold;
    }

        .table-dropdown-menu-content a:hover {
            background-color: #f1f1f1
        }

.table-dropdown-menu:hover .table-dropdown-menu-content {
    display: block;
}

.table-dropdown-menu:hover .dropbtn {
    background-color: #3e8e41;
}

.spl-btn-1 {
    border: none;
    height: 40px;
    color: #397E68;
    font-weight: 900;
    font-size: 13px;
    background-color: #f2f2f2;
    padding: 0 15px 0 15px;
}

    .spl-btn-1:hover {
        color: #00b67c;
        background-color: #ceece3;
    }

.group-default-btn-spl-1 {
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Lato-Black', 'Lato Black', 'Lato';
    font-weight: 900;
    font-style: normal;
    font-size: 12px;
    color: #316F5C;
    float: right;
    height: 35px;
    padding: 0 15px 0 15px;
}

.default-view-btn {
    border-width: 0px;
    height: 30px;
    background: inherit;
    background-color: rgba(244, 244, 244, 1);
    border: none;
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Lato-Regular', 'Lato';
    font-weight: 400;
    font-style: normal;
    color: #797979;
}

.default-lite-spl-btn {
    border-width: 0px;
    height: 49px;
    background: inherit;
    background-color: rgba(16, 50, 39, 0.0980392156862745);
    border: none;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Lato-Black', 'Lato Black', 'Lato';
    font-weight: 900;
    font-style: normal;
    font-size: 12px;
    color: #797979;
}

.default-btn-group {
    position: relative;
    float: left;
}

.group-btn-default-1 {
    background-color: #E4E4E4;
    color: #6F7573;
    border-radius: 100px 0px 0 100px;
    border: none;
    width: 79px;
    height: 28px;
    font-weight: 900;
    font-size: 10px;
    line-height: 1.42857;
    vertical-align: middle;
    padding: 5px 12px;
    transition: all .25s;
    cursor: pointer;
}

.group-btn-default-2 {
    background-color: #E4E4E4;
    color: #6F7573;
    border: none;
    width: 79px;
    height: 28px;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.42857;
    vertical-align: middle;
    padding: 5px 12px;
    transition: all .25s;
    cursor: pointer;
}

.group-btn-default-3 {
    background-color: #E4E4E4;
    color: #6F7573;
    border-radius: 0px 100px 100px 0px;
    border: none;
    width: 79px;
    height: 28px;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.42857;
    vertical-align: middle;
    padding: 5px 12px;
    transition: all .25s;
    cursor: pointer;
}

.group-btn-default-active-1 {
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    border: 1px solid #D4D4D4;
    border-radius: 100px 0 0 100px;
    padding: 5px 12px;
    color: #397E68;
}

.group-btn-default-active-2 {
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    border: 1px solid #D4D4D4;
    border-radius: 0;
    padding: 5px 12px;
    color: #397E68;
}

.group-btn-default-active-3 {
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    border: 1px solid #D4D4D4;
    border-radius: 0 100px 100px 0;
    padding: 5px 12px;
    color: #397E68;
}

.group-btn-default-spl {
    background-color: #E4E4E4;
    color: #6F7573;
    border-radius: 100px 100px 100px 100px;
    border: none;
    width: 79px;
    height: 28px;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.42857;
    vertical-align: middle;
    padding: 5px 12px;
    transition: all .25s;
    cursor: pointer;
}

.group-btn-default-spl-active {
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    color: #397e68;
    border-radius: 100px 100px 100px 100px;
    width: 79px;
    height: 28px;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.42857;
    vertical-align: middle;
    padding: 5px 12px;
    transition: all .25s;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
}

.popover-markup .arrow:after {
    content: "";
    position: absolute;
    right: 101px;
    top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 25px 25px;
    border-color: transparent transparent #ffffff transparent;
    z-index: 9998;
}

.default-run-green-btn {
    height: 36px;
    width: 120px;
    border: 1px solid #235545;
    border-radius: 3px;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%);
    background-size: 100% 36px;
    background-position: 0 -36px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

    .default-run-green-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.modal-reorder-edit-green-btn {
    height: 40px;
    border: 1px solid #235545;
    border-radius: 3px;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%);
    background-size: 100% 40px;
    background-position: 0 -40px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

    .modal-reorder-edit-green-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .modal-reorder-edit-green-btn span::before {
        position: relative;
        top: 1px;
        right: 5px;
        width: 8px;
        height: 8px;
        content: url(../images/icons/Ico_Edit_Green.svg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

.dark-gray-btn {
    border-width: 0px;
    background: inherit;
    background-color: rgba(16, 50, 39, 0.0980392156862745);
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 900;
    font-size: 12px;
    color: #797979;
}

.deep-dark-gray-btn {
    border-width: 0px;
    background: inherit;
    background-color: #797979;
    color: #fff !important;
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 900;
    font-size: 12px;
}

.default-req-green-btn {
    height: 36px;
    width: 130px;
    border: 1px solid #235545;
    border-radius: 3px;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%);
    background-size: 100% 36px;
    background-position: 0 -36px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

    .default-req-green-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }


.default-reorder-refresh-btn {
    height: 36px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #ffffff 0%, #DFDFDF 100%);
    background-size: 100% 36px;
    background-position: 0 -36px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #397E68;
    text-transform: uppercase;
    display: inline-block;
}

    .default-reorder-refresh-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .default-reorder-refresh-btn span::before {
        position: relative;
        top: 1px;
        width: 8px;
        height: 8px;
        content: url(../images/icons/Ico_Refresh_Green.svg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }


.default-white-btn {
    height: 36px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #ffffff 0%, #DFDFDF 100%);
    background-size: 100% 36px;
    background-position: 0 -36px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #397E68;
    text-transform: uppercase;
    display: inline-block;
}

    .default-white-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }


.reorder-po-btn {
    height: 32px;
    padding: 0 10px 0 10px;
    font-size: 10px;
    font-weight: 900;
    color: #397E68;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    background-size: 100% 32px;
    background-position: 0 -32px;
}

    .reorder-po-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.reorder-request-btn {
    height: 32px;
    padding: 0 10px 0 10px;
    font-size: 10px;
    font-weight: 900;
    color: #397E68;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    background-size: 100% 32px;
    background-position: 0 -32px;
}

    .reorder-request-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }


.document-no-btn {
    margin: 0px;
    padding: 0px;
    background: #fff;
    border: none;
}

.spl-back-default-btn {
    height: 36px;
    width: auto;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    padding: 8px 14px 6px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    background-size: 100% 36px;
    background-position: 0 -36px;
    color: #397E68;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
}

    .spl-back-default-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.spl-default-btn {
    height: 36px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #ffffff 0%, #DFDFDF 100%);
    background-size: 100% 36px;
    background-position: 0 -36px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #397E68;
    text-transform: uppercase;
    display: inline-block;
}

    .spl-default-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .spl-default-btn span::before {
        position: relative;
        top: 1px;
        width: 8px;
        height: 8px;
        content: url(../images/icons/Ico_Go_Green.svg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

.spl-danger-btn {
    height: 36px;
    width: auto;
    border: 1px solid #E21600;
    border-radius: 3px;
    background: linear-gradient(180deg, #FF7768 0%, #FF432F 100%);
    background-size: 100% 36px;
    background-position: 0 -36px;
    color: #fff;
    font-weight: 900;
    padding: 6px 12px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.42857;
    font-size: 12px;
}

    .spl-danger-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .spl-danger-btn span::before, .spl-green-btn span::before {
        position: relative;
        top: 1px;
        width: 8px;
        height: 8px;
        content: url(../images/icons/Ico_Go_White.svg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

.spl-save-btn {
    height: 36px;
    width: auto;
    border: 1px solid #E21600;
    border-radius: 3px;
    background: linear-gradient(180deg, #FF7768 0%, #FF432F 100%);
    background-size: 100% 36px;
    background-position: 0 -36px;
    color: #fff;
    font-weight: 900;
    padding: 6px 12px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    top: -1px;
}

    .spl-save-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .spl-save-btn span::before {
        position: relative;
        top: 3px;
        width: 18px;
        height: 18px;
        content: url(../images/icons/Ico_Save_white.svg);
        margin-right: 10px;
        text-align: center;
        display: inline-block;
    }


.user-main-save-btn {
    height: 36px;
    width: 100px;
    border: 1px solid #E21600;
    border-radius: 3px;
    background: linear-gradient(180deg, #FF7768 0%, #FF432F 100%);
    background-size: 100% 36px;
    background-position: 0 -36px;
    color: #fff;
    font-weight: 900;
    padding: 6px 12px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    top: -1px;
}

    .user-main-save-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .user-main-save-btn span::before {
        position: relative;
        top: 3px;
        width: 18px;
        height: 18px;
        content: url(../images/icons/Ico_Save_white.svg);
        margin-right: 10px;
        text-align: center;
        display: inline-block;
    }

.spl-hold-btn {
    height: 36px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #ffffff 0%, #DFDFDF 100%);
    background-size: 100% 36px;
    background-position: 0px -36px;
    padding: 6px 12px;
    line-height: 1;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #397E68;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    top: 2px;
}

    .spl-hold-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .spl-hold-btn span::before {
        position: relative;
        top: 3px;
        width: 18px;
        height: 18px;
        content: url(../images/icons/Ico_Hold.svg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

.spl-cancel-btn {
    height: 36px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #ffffff 0%, #DFDFDF 100%);
    background-size: 100% 36px;
    background-position: 0px -36px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #FF432F;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}

    .spl-cancel-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .spl-cancel-btn span::before {
        position: relative;
        top: 3px;
        width: 18px;
        height: 18px;
        content: url(../images/icons/Ico_Trash.svg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

.success-green-btn {
    height: 38px;
    border: 1px solid #235545;
    border-radius: 3px;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%);
    background-size: 100% 38px;
    background-position: 0 -38px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #fff !important;
    text-transform: uppercase;
    display: inline-block;
}

    .success-green-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.default-btn-custom {
    height: 38px;
    border: 1px solid #235545;
    border-radius: 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    background-size: 100% 38px;
    background-position: 0 -38px;
    padding: 6px 12px;
    line-height: 1;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

    .default-btn-custom:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.no-bg-btn {
    background: none;
    border: none;
    position: relative;
    top: 2px;
}

.export-btn {
    height: 36px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #ffffff 0%, #DFDFDF 100%);
    background-size: 100% 36px;
    background-position: 0px -36px;
    padding: 6px 17px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #397E68;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}

    .export-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .export-btn span::before {
        position: relative;
        top: 1px;
        width: 18px;
        height: 18px;
        content: url(../images/icons/Ico_Save.svg);
        margin-right: 3px;
        text-align: center;
        display: inline-block;
    }

    .export-btn svg {
        fill: #397E68 !important;
    }

.bootbox-alert-cancel-btn {
    height: 40px;
    width: 120px;
    border: 1px solid #D4D4D4;
    margin: 0 10px 0 0;
    border-radius: 3px;
    background: linear-gradient(180deg, #ffffff 0%, #DFDFDF 100%);
    background-size: 100% 40px;
    background-position: 0 -40px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #397E68;
    text-transform: uppercase;
    display: inline-block;
}

    .bootbox-alert-cancel-btn:hover {
        color: #397E68;
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.bootbox-alert-ok-btn {
    height: 40px;
    width: 120px;
    border: 1px solid #235545;
    border-radius: 3px;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 100%);
    background-size: 100% 40px;
    background-position: 0 -40px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

    .bootbox-alert-ok-btn:hover {
        color: #fff;
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.item-product-search-btn {
    border: none;
    background: none;
    color: #039b6a;
    font-weight: 900;
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.42857;
    font-size: 12px;
    float: right;
}

    .item-product-search-btn span::before {
        position: relative;
        top: 0px;
        width: 18px;
        height: 18px;
        font: normal normal normal 12px/1 FontAwesome;
        content: "\f002";
        margin-right: 1px;
        text-align: center;
        display: inline-block;
    }

.input-search-btn {
    height: 36px;
    width: auto;
    border: 1px solid #B4B4B4;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    padding: 9px 12px;
    border-left: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 900;
    background-position: 0 -34px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
}

    .input-search-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.select-clear-btn {
    position: absolute;
    top: 7px;
    right: 77px;
    height: 22px;
    width: 70px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    font-weight: 900;
    font-size: 11px;
    font-family: Lato;
    color: #00B67C;
    z-index: 100;
    background-position: 0 -40px;
    cursor: pointer;
}

    .select-clear-btn:hover {
        background-position: 0 0;
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

.add-green-btn {
    height: 34px;
    width: 100%;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%);
    color: #fff;
    border: 1px solid #235545;
    background-position: 0 -32px;
    cursor: pointer;
}

    .add-green-btn:hover {
        background-position: 0 0;
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

.spl-table-save-btn {
    height: 34px;
    width: 100%;
    border: none;
    border-radius: 0px;
    background: linear-gradient(180deg, #ffffff 0%, #DFDFDF 100%);
    background-size: 100% 36px;
    background-position: 0px -36px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #397E68;
    text-transform: uppercase;
    display: inline-block;
}

    .spl-table-save-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .spl-table-save-btn span::before {
        position: relative;
        top: 1px;
        width: 8px;
        height: 8px;
        content: url(../images/icons/Ico_Go_White.svg);
        margin-right: 5px;
        text-align: center;
        display: inline-block;
    }

.pop_alert_ok_btn {
    height: 40px;
    width: 120px;
    border: 1px solid #235545;
    border-radius: 3px;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 100%);
    background-size: 100% 40px;
    background-position: 0 -40px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 12px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

    .pop_alert_ok_btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.modal-default-btn {
    height: 40px;
    width: auto;
    border: 1px solid #D4D4D4 !important;
    border-radius: 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%) !important;
    padding: 8px 14px 6px;
    line-height: 1.42857;
    font-size: 12px;
    cursor: pointer;
    font-weight: 900;
    background-size: 100% 40px;
    background-position: 0 -40px;
    color: #397E68;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

    .modal-default-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.modal-green-btn {
    height: 40px;
    width: auto;
    border: 1px solid #225544;
    border-radius: 3px;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 100%);
    background-size: 100% 40px;
    background-position: 0 -40px;
    color: #fff;
    font-weight: 900;
    padding: 8px 14px 6px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.42857;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

    .modal-green-btn:hover {
        background-position: 0 0;
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

.order-view-print-btn {
    height: 36px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #ffffff 0%, #DFDFDF 100%);
    background-size: 100% 36px;
    background-position: 0 -36px;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #397E68;
    text-transform: uppercase;
    display: inline-block;
}

    .order-view-print-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .order-view-print-btn span::before {
        position: relative;
        top: 2px;
        width: 8px;
        height: 8px;
        content: url(../images/icons/Ico_Print_Green.svg);
        margin-right: 15px;
        text-align: center;
        display: inline-block;
    }

.order-view-edit-btn {
    height: 36px;
    border: 1px solid #235545;
    border-radius: 3px;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 100%);
    background-size: 100% 36px;
    background-position: 0 -36px;
    padding: 6px 12px;
    line-height: .8;
    font-size: 13px;
    cursor: pointer;
    font-weight: 900;
    font-family: Lato;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

    .order-view-edit-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    .order-view-edit-btn span::before {
        position: relative;
        top: 0px;
        width: 8px;
        height: 8px;
        content: url(../images/icons/Ico_Edit_Green.svg);
        margin-right: 15px;
        text-align: center;
        display: inline-block;
    }

.bootbox-defult-btn {
    height: 40px;
    width: auto;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #ffffff 0%, #DFDFDF 100%);
    background-size: 100% 40px;
    background-position: 0 -40px;
    color: #397E68;
    font-weight: 900;
    padding: 6px 12px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 0;
    font-size: 13px;
    cursor: pointer;
    margin: 0 5px 0 0;
}

.bootbox-defult-create-po-cancel-btn {
    height: 40px;
    width: 120px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #ffffff 0%, #DFDFDF 100%);
    background-size: 100% 40px;
    background-position: 0 -40px;
    color: #397E68;
    font-weight: 900;
    padding: 6px 12px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 0;
    font-size: 13px;
    cursor: pointer;
    margin: 0 5px 0 0;
}

    .bootbox-defult-create-po-cancel-btn:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.bootbox-defult-btn:hover {
    background-position: 0 0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.btn-success-default {
    height: 40px;
    width: 120px;
    border: 1px solid #235545 !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%);
    background-size: 100% 40px;
    background-position: 0 -40px;
    color: #fff !important;
    font-weight: 900;
    padding: 6px 12px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 0;
    font-size: 13px;
    cursor: pointer;
    margin: 0 5px 0 0;
}

    .btn-success-default:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

.btn-cancel-default {
    height: 40px;
    width: 120px;
    border: 1px solid #D4D4D4 !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    background-size: 100% 40px;
    background-position: 0 -40px;
    color: #397E68 !important;
    font-weight: 900;
    padding: 6px 12px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 0;
    font-size: 13px;
    cursor: pointer;
    margin: 0 5px 0 0;
}

    .btn-cancel-default:hover {
        background-position: 0 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

#order-view-shopfloor-loader {
    position: relative;
    top: -3px;
}

.order-view-shopfloor-list-loader-view {
    position: absolute;
    right: 10px;
    margin: 10.5px 0 0 0;
}

.order-view-pallet-ticket-loader-view {
    position: absolute;
    right: 10px;
    margin: 4px 0 0 0;
}

.shopfloor-modal-content {
    opacity: 0.9 !important;
}

.shopfloor-print-section-div {
    background: #265848;
    position: fixed;
    height: 100%;
    width: 75%;
}

.invisible-log {
    background-color: #E4E4E4;
    padding: 5px;
    border-radius: 100%;
}

.online-log {
    background-color: #00B67C;
    padding: 5px;
    border-radius: 100%;
}
/*.table-thead-bdr{border-top: 1px solid #D4D4D4;}*/
.dashboard-table-thead-bdr thead > tr > th {
    border-top: solid 1px #D4D4D4 !important;
}

.ord-more-btn {
    background: none;
    border: none;
}

.order-view-open-btn {
    height: 28px;
    width: 110px;
    background-color: #00B67C;
    border-radius: 3px;
    color: #fff;
    padding: 6px 12px;
    cursor: auto;
    font-family: Lato;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
    margin-bottom: 18px;
}

.order-view-cancel-btn {
    height: 28px;
    width: 109.07px;
    background-color: #103227;
    border-radius: 3px;
    color: #fff;
    padding: 6px 12px;
    cursor: auto;
    font-family: Lato;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
}

.order-view-hold-btn {
    height: 28px;
    width: 97.5px;
    background-color: #fc4330;
    border-radius: 3px;
    color: #fff;
    padding: 6px 12px;
    cursor: auto;
    font-family: Lato;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
}

.order-view-ship-confirmed-btn {
    height: 28px;
    width: 130.07px;
    background-color: #00B67C;
    border-radius: 3px;
    color: #fff;
    padding: 6px 12px;
    cursor: auto;
    font-family: Lato;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
}

.order-view-rush-btn {
    height: 28px;
    width: 97.5px;
    background-color: #fff;
    border-radius: 3px;
    color: #FF432F;
    padding: 6px 12px;
    cursor: auto;
    font-family: Lato;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
}

    .order-view-rush-btn::before {
        position: relative;
        top: 2px;
        width: 0px;
        height: 0px;
        content: url(../images/icons/Ico_Alert.svg);
        margin-right: 15px;
        text-align: center;
        display: inline-block;
    }

.shopfloor-left-section {
    width: 16.666667% !important;
    float: left;
}

.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
}

.col-generic-search-left-section {
    background-color: #F4F4F4;
    box-shadow: inset -1px 0 1px 0 #E4E4E4;
    height: 855px;
    width: 17%;
    float: left;
}

.col-generic-search-right-section {
    width: 84.666667%;
    height: 80px;
    border-bottom: 1px solid #E4E4E4;
}

.generic-search-icon {
    position: relative;
    margin: -23px 7px 0 0;
    float: right;
}

.generic-labels {
    color: #397E68;
    font-family: Lato;
    font-size: 15px;
    font-weight: 900;
    line-height: 18px;
}

.generic-sub-labels {
    color: #397E68;
    font-family: Lato;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 3px;
}

.generic-clear-label {
    color: #00B67C;
    font-family: Lato;
    font-size: 11px;
    font-weight: 900;
    line-height: 20px;
    text-align: right;
    float: right;
    cursor: pointer;
}

.generic-search-results-label {
    color: #397E68;
    font-family: Lato;
    font-size: 24px;
    font-weight: 900;
    line-height: 15px;
}

.generic-input {
    height: 32px;
    width: 100%;
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
}

.generic-input-drop {
    background: url(images/icons/Ico_Drop_Arrow.svg);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: #fff;
}

/*input::placeholder {
    color: #B4B4B4;	font-family: Lato;	font-size: 11px;	line-height: 13px; padding-left:10px;
}*/
.generic-status-field {
    color: #6F7573;
    font-family: Lato;
    font-size: 13px;
    line-height: 20px;
}

.generic-status-count {
    color: #B4B4B4;
    font-family: Lato;
    font-size: 11px;
    line-height: 13px;
    text-align: right;
    float: right;
}

.generic-reset-button {
    height: 36px;
    width: 120px;
    border: 1px solid #C4C4C4;
    border-radius: 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    color: #397E68;
    font-family: Lato;
    font-size: 12px;
    font-weight: 900;
    line-height: 15px;
    text-align: center;
    margin-top: 22px;
    margin-right: 6px;
}

.generic-refine-button {
    height: 36px;
    width: 120px;
    border: 1px solid #235545;
    border-radius: 3px;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%);
    color: #FFFFFF;
    font-family: Lato;
    font-size: 12px;
    font-weight: 900;
    line-height: 15px;
    text-align: center;
}

.dashboard-label {
    color: #C4C4C4;
    font-family: Lato;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
}

.search-label {
    color: #397E68;
    font-family: Lato;
    font-size: 10px;
    font-weight: 900;
    line-height: 12px;
}

.search-not-found {
    color: #6F7573;
    font-family: Lato;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}

.search-modify-list-item-label {
    color: #B4B4B4;
    font-family: Lato;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
}

.search-modify-list-item {
    color: #B4B4B4;
    font-family: Lato;
    font-size: 13px;
    line-height: 25px;
    padding-left: 70px;
}

.text-align-right {
    text-align: right
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.float-none {
    float: none;
}

.margin-left-44 {
    margin-left: 44%;
}

.color-dark-green {
    color: #103227;
}

.generic-order-no {
    color: #103227;
    font-family: Lato;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
}

.generic-customer {
    color: #103227;
    font-family: Lato;
    font-size: 13px;
    line-height: 16px;
}

.generic-status-open {
    color: #397E68;
    font-family: Lato;
    font-size: 11px;
    font-weight: 900;
    line-height: 13px;
    text-align: center;
}

.generic-table-value {
    color: #103227;
    font-family: Lato;
    font-size: 13px;
    font-weight: 900;
    line-height: 16px;
    text-align: right;
}

.color-green {
    color: #397E68 !important;
}

.page-pegi-no {
    width: 38px;
    height: 32px;
    text-align: center;
    background: #fff;
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
}

.table-last-col-width {
    width: 8.4%;
}

.ord-search-view-section {
    background-color: #397E68 !important;
    color: #fff !important;
}

.table-color-section {
    margin: 0 15px 0 0px;
    color: #B4B4B4;
}

.table-total-value-section {
    height: 39px;
    width: 53.6%;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    float: right;
}

.table-total-value-weight-section {
    width: 29.4%;
    float: left;
    padding: 5px 8px 5px 0;
    border-right: solid 1px #ccc;
}

.table-total-value-lbs-section {
    width: 27.4%;
    float: left;
    padding: 5px 7px 0 7px;
}

.table-total-value-value-section {
    width: 42.4%;
    float: left;
    padding: 5px 5px 5px 5px; /*border-right:solid 1px #ccc;*/
    border-left: solid 1px #ccc;
    text-align: right;
}

.table-total-value-ttl-section {
    width: 28.3%;
    float: left;
    padding: 5px 0 0 6px;
}

select.input-lg, .select-ord-arrow-img {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

select + img.select-arrow-img {
    float: right;
    margin-top: -34px;
    margin-right: 2px;
    pointer-events: none;
    background-color: #fff;
    padding-right: 5px;
    padding-top: 13px;
    padding-bottom: 11px;
    position: relative;
    z-index: 1000;
    width: 17px;
}

.select-ord-arrow-img {
    float: right;
    margin-top: -32px;
    margin-right: 5px;
    pointer-events: none;
    background-color: #E4E4E4;
    padding-right: 5px;
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    width: 17px;
    z-index: 100;
}

.select-ord-arrow-spl-img {
    float: right;
    margin-top: -33px;
    margin-right: 2px;
    pointer-events: none;
    padding-right: 5px;
    padding-top: 12px;
    padding-bottom: 11.5px;
    position: relative;
    width: 17px;
    z-index: 100;
}

.select-ord-arrow-drop-img {
    float: right;
    margin-top: -35px;
    margin-right: 1px;
    pointer-events: none;
    background-color: #E4E4E4;
    padding-right: 5px;
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    width: 17px;
    height: 34px;
    z-index: 100;
}

.select-spl-adv-arrow-img {
    float: right;
    margin-top: -32px;
    margin-right: 5px;
    pointer-events: none;
    background-color: #fff;
    padding-right: 5px;
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    width: 17px;
    z-index: 100;
}

.select-ord-history-drop-arrow-img {
    float: right;
    margin-top: -32px;
    margin-right: 5px;
    pointer-events: none;
    background-color: #fff;
    padding-right: 5px;
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    width: 17px;
    z-index: 5;
}

.select-order-advance-search-arrow-img {
    float: right;
    margin-top: -32px;
    margin-right: 5px;
    pointer-events: none;
    background-color: #fff;
    padding-right: 5px;
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    width: 17px;
    z-index: 100;
}

.select-cutomer-advance-search-arrow-img {
    float: right;
    margin-top: -32px;
    margin-right: 5px;
    pointer-events: none;
    background-color: #fff;
    padding-right: 5px;
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    width: 17px;
    z-index: 100;
}


.arrow-view-btn {
    background: none;
    border: none;
}

.reference-box-scroll {
    overflow: auto;
    overflow-x: hidden;
    max-height: 90px;
}

.nav-img-algn {
    padding: 0 10px 0 0;
}

.add-new-hdr {
    font-size: 24px;
    padding: 0px 0 0 6px;
    vertical-align: middle;
    font-family: Lato;
    color: #397E68;
    position: relative;
    top: 2px;
}

.hdr-btn-add-new-section {
    margin: 5px 0 10px 0;
}

.border-radius-3 {
    border-radius: 3px;
}

.spl-pop-default-btn {
    height: 36px;
    width: 76px;
    border: 1px solid #D4D4D4;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    padding: 10px;
    line-height: 1.42857;
    font-size: 13px;
    transition: all .25s;
    cursor: pointer;
    font-weight: 900;
    color: #397E68;
}

    .spl-pop-default-btn:hover {
        background: #DFDFDF 5%;
        transition: all 0.2s ease-in-out;
    }

.navbar-top-links .tgl-menu-btn > a, .navbar-top-links .tgl-menu-btn > a:hover {
    padding: 3px 17px 0 17px !important;
}

.box-shadow {
    box-shadow: 0 0 0 3px #f0f0f0;
}

.reference-box-section {
    height: 147px;
    border: 1px solid #D4D4D4;
    background-color: #F4F4F4;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
}

.reference-box-req-section {
    padding: 7.5px 0 7.5px 0px;
    margin: 0px;
}

.reference-table-label-td {
    width: 46%;
    border: none !important;
    vertical-align: middle;
}

.reference-table-description-td {
    width: 46%;
    border: none !important;
    vertical-align: middle;
}

.reference-table-req-td {
    width: 50px;
    border: none !important;
    border-right: solid 1px #ccc;
    vertical-align: middle;
}

.reference-table-delete-td {
    width: 56.5px;
    border: none !important;
    border-right: solid 1px #ccc;
    vertical-align: middle;
}

.reference-add-btn {
    padding: 0px;
    margin: 0px;
    border: 0px;
    background: 0;
}

.reference-table-section {
    background-color: #F4F4F4;
}

.reference-label-input-section {
    border: dashed 1px #B4B4B4;
    border-right: none;
    border-left: none;
    border-top: none;
    width: 45.7%;
    float: left;
}

.reference-description-input-section {
    border: dashed 1px #B4B4B4;
    border-right: none;
    border-top: none;
    width: 45.8%;
    float: left;
}

.reference-req-section {
    border: dashed 1px #B4B4B4;
    border-right: none;
    border-top: none;
    width: 7%;
    float: left;
}

.reference-delete-section {
    border: dashed 1px #B4B4B4;
    border-right: none;
    border-top: none;
    width: 8%;
    float: left;
}

.reference-spl-input-section {
    border: dashed 1px #B4B4B4;
    border-right: none;
    border-top: none;
}

.reference-input-bdr-none {
    border: none;
}

.reference-table-row-bdr-bottom {
    border-bottom: dashed 1px #B4B4B4 !important;
}

.reference-table-row-bdr-right {
    border-right: dashed 1px #B4B4B4 !important;
}

.reference-table-scroll {
    overflow: auto;
    position: absolute;
    max-height: 90px;
    overflow-x: hidden;
    width: 99%;
}

.add-section {
    height: 1.34%;
    color: #00B67C;
    font-family: Lato;
    font-size: 11px;
    font-weight: 900;
    line-height: 13px;
    text-align: right;
    position: absolute;
    bottom: 15px;
    right: 8px;
    cursor: pointer;
}

.display-inline-table {
    display: inline-table;
}

.open > .dropdown-table-menu {
    display: block;
}

.dropdown-table-menu {
    width: 270px !important;
    border: solid 1px #e6e6e6 !important;
    margin: 20px 0 5px 0 !important;
}

.drop-down-filter-align {
    padding: 5px 0 1px 7px;
}

.ui-autocomplete {
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
}

.payment-section {
    margin: 26px 0 0 0;
}

.reference-section {
    margin: 10px 0 0 0;
}

.ico-help-sct {
    margin: 0px 0px 0 10px;
    position: relative;
    top: 8px;
}

.right-help-sct {
    margin: 2px 0 0 0;
}

.table-color {
    background-color: rgba(212,212,212,0.25);
}

.table-custom {
    box-shadow: 0 0 0 3px rgba(212,212,212,0.25);
    border: 1px solid #C4C4C4;
}

.box-shadow-none {
    box-shadow: none !important;
}
/*#content-container{ box-shadow: -1px 1px 2px 0 rgba(0,0,0,0.5);}*/
.table-main-border {
    border: 3px solid #eeeff0;
}

.innershadow {
    -moz-box-shadow: inset 0 1px 1px 0 #B4B4B4;
    -webkit-box-shadow: inset 0 1px 1px 0 #B4B4B4;
    box-shadow: inset 0 1px 1px 0 #B4B4B4;
}

.content-scroll {
    overflow: auto;
    overflow-x: hidden;
    max-height: 400px;
}

.reorder-table-drop-content-scroll {
    overflow: auto;
    overflow-x: hidden;
    max-height: 200px;
}

.style-4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #235545;
}

.style-4::-webkit-scrollbar {
    width: 3px;
    background-color: #235545;
}

.style-4::-webkit-scrollbar-thumb {
    background-color: #235545;
    border: 2px solid #235545;
}


.style-5::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 50px;
}

.style-5::-webkit-scrollbar {
    width: 6px;
    background-color: none;
    border-radius: 50px;
}

.style-5::-webkit-scrollbar-thumb {
    background-color: #b4b4b4;
    border-radius: 50px;
}

.style-6::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: none;
    border-radius: 50px;
}

.style-6::-webkit-scrollbar {
    width: 1px;
    background-color: none;
    border-radius: 50px;
}

.style-6::-webkit-scrollbar-thumb {
    background-color: #b4b4b4;
    border-radius: 50px;
}

.style-7::-webkit-scrollbar-track {
    background-color: #06271d;
    border-radius: 0px;
}

.style-7::-webkit-scrollbar {
    width: 4px;
    background-color: none;
    border-radius: 0px;
}

.style-7::-webkit-scrollbar-thumb {
    background-color: #0a674b;
    border-radius: 0px;
}

.filter-item:hover {
    background: #ececec;
    color: #103227;
    width: 100%;
}

.filter-item-selected {
    background: #ececec !important;
    color: #103227 !important;
    width: 100%;
}

.item-view-scroll {
    overflow: auto;
    max-height: 200px;
    overflow-x: hidden;
    margin: 10px 0 5px 0;
    width: 100%;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 8px;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}

.dashboard-filter-dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 8px;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}

    .dashboard-filter-dropdown-item:hover {
        background-color: #f2f2f2
    }

.table-curved {
    border-collapse: separate;
}

.table-curved {
    border: solid #ccc 1px;
    border-radius: 0px;
    border-left: 0px;
}

    .table-curved td, .table-curved th {
        border-left: 1px solid #D4D4D4;
        border-top: 1px solid #D4D4D4;
    }

    .table-curved th {
        border-top: none;
    }

        .table-curved th:first-child {
            border-radius: 0px 0 0 0;
        }

        .table-curved th:last-child {
            border-radius: 0 0px 0 0;
        }

        .table-curved th:only-child {
            border-radius: 6px 6px 0 0;
        }

    .table-curved tr:last-child td:first-child {
        border-radius: 0 0 0 0px;
    }

    .table-curved tr:last-child td:last-child {
        border-radius: 0 0px 0px 0px;
    }

.modal-order-txt {
    font-weight: bold;
    font-size: 22px;
    margin: 5px 0 0 0;
    color: #103227;
}

.modal-copy-clip-txt {
    color: #00b67c;
    font-weight: bold;
    font-size: 11px;
}

.order-success-btn-section {
    margin: 62px 0 0 0;
    float: right;
}

.unsaved-modal-body {
    padding: 0px 5px 3.5px 5px !important;
    position: relative;
}

@media (min-width: 768px) {
    .modal-sm {
        width: 330px;
    }
}

.modal-content {
    padding: 7px 8px 7px 8px;
}

.modal-body {
    position: relative;
    padding: 0px 5px 12.5px 5px !important;
}


.purchased-section {
    width: 125px;
    float: left;
    font-family: Lato;
}

    .purchased-section p {
        height: 16px;
        width: 16px;
        margin: 0px;
        border-radius: 3px;
        font-size: 10px;
        background-color: #FF432F;
        float: left;
        line-height: 16px;
        color: #FFFFFF;
        font-family: Lato;
        text-align: center;
    }

    .purchased-section span {
        height: 12px;
        width: 15.5px;
        padding: 0px 0 0 10px;
        text-transform: uppercase;
        color: #B4B4B4;
        font-family: Lato;
        font-size: 10px;
        font-weight: bold;
        line-height: 12px;
        text-align: center;
        position: relative;
        top: -2px;
    }

.manufactured-section {
    width: 150px;
    float: left;
}

    .manufactured-section p {
        height: 16px;
        width: 16px;
        margin: 0px;
        border-radius: 3px;
        font-size: 10px;
        background-color: #397E68;
        float: left;
        line-height: 16px;
        color: #FFFFFF;
        font-family: Lato;
        text-align: center;
    }

    .manufactured-section span {
        height: 12px;
        width: 15.5px;
        padding: 0px 0 0 10px;
        text-transform: uppercase;
        color: #B4B4B4;
        font-family: Lato;
        font-size: 10px;
        font-weight: bold;
        line-height: 12px;
        text-align: center;
        position: relative;
        top: -2px;
    }

.stock-section {
    width: 100px;
    float: left;
}

    .stock-section p {
        height: 16px;
        width: 16px;
        margin: 0px;
        border-radius: 3px;
        font-size: 10px;
        background-color: #00B67C;
        float: left;
        line-height: 16px;
        color: #FFFFFF;
        font-family: Lato;
        text-align: center;
    }

    .stock-section span {
        height: 12px;
        width: 15.5px;
        padding: 0px 0 0 10px;
        text-transform: uppercase;
        color: #B4B4B4;
        font-family: Lato;
        font-size: 10px;
        font-weight: bold;
        line-height: 12px;
        text-align: center;
        position: relative;
        top: -2px;
    }

.non-stock-section {
    width: 150px;
    float: left;
}

    .non-stock-section p {
        height: 16px;
        width: 16px;
        margin: 0px;
        border-radius: 3px;
        font-size: 10px;
        background-color: #B4B4B4;
        float: left;
        line-height: 16px;
        color: #FFFFFF;
        font-family: Lato;
        text-align: center;
    }

    .non-stock-section span {
        height: 12px;
        width: 15.5px;
        padding: 0px 0 0 10px;
        text-transform: uppercase;
        color: #B4B4B4;
        font-family: Lato;
        font-size: 10px;
        font-weight: bold;
        line-height: 12px;
        text-align: center;
        position: relative;
        top: -2px;
    }

.ord-search-section {
    margin: 0 0 0px 0;
    color: #fff;
    background-color: #E4E4E4;
    position: relative;
    padding: 15px 10px 0px 10px;
    box-shadow: inset 0 1px 1px 0 #B4B4B4;
}

    .ord-search-section:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        height: 17px;
        background: linear-gradient(45deg, transparent 33.333%,#e4e4e4 33.333%, #e4e4e4 66.667%,transparent 66.667%),linear-gradient(-45deg, transparent 33.333%,#e4e4e4 33.333%, #e4e4e4 66.667%,transparent 66.667%);
        background-size: 15px 28px;
        background-position: 0 -12px;
    }

.ord-searc-section-color {
    color: #103227;
}

.ord-search-ext-txt {
    color: #397E68;
}


.ord-col-spl-padding {
    padding: 0 15px 0 0px !important;
}

.ord-view-content-section {
    padding: 10px 10px 10px 10px;
    background-color: #E4E4E4;
    box-shadow: inset 0 1px 1px 0 #C4C4C4, inset 0 1px 1px 0 #B4B4B4;
}

.allocation-content-section {
    padding: 10px 10px 10px 10px;
    background-color: #E4E4E4;
    box-shadow: inset 0 1px 1px 0 #C4C4C4, inset 0 1px 1px 0 #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
}

.ord-view-top-section-bdr-right {
    border-right: solid 1px #C4C4C4;
}

.ord-view-top-section-bdr-left {
    border-left: solid 1px #C4C4C4;
}

.ord-last-act-img {
    position: relative;
    top: 2px;
}

.ord-view-top-box-view {
    padding: 0 10px 0 10px;
}

.ord-view-tab-section {
    margin: 0px;
}

.order-view-basic-infm-table {
    width: 100%;
}

    .order-view-basic-infm-table > tbody > tr > td {
        padding: 5px 5px 3px 0px;
        vertical-align: top;
        border-bottom: 1px solid #D4D4D4 !important;
    }

.order-view-basic-infm-table-last-row {
    border-bottom: none !important;
}

.ord-view-drop-down-menu {
    left: initial !important;
    top: inherit !important;
    padding: 0px !important;
    margin: 4px 0 0 0 !important;
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.2);
}

    .ord-view-drop-down-menu > li > a {
        color: #103227 !important;
        padding: 4px 10px 4px 10px !important;
        margin: 0px 0 0 0 !important;
    }

        .ord-view-drop-down-menu > li > a:hover {
            background: #e8e8e8 !important;
            position: relative;
            z-index: 10000;
        }

.green-rectangle {
    height: 13px;
    width: 13px;
    border: 1px solid #103227;
    background-color: rgba(0,182,124,0.75);
    padding: 0px 0 0 10px;
}

.yellow-rectangle {
    height: 13px;
    width: 13px;
    border: 1px solid #103227;
    background-color: rgba(250,201,96,0.75);
    padding: 0px 0 0 10px;
}

.orange-rectangle {
    height: 13px;
    width: 13px;
    border: 1px solid #103227;
    background-color: rgba(250,169,96,0.75);
    padding: 0px 0 0 10px;
}

.border-rectangle {
    height: 13px;
    width: 13px;
    border: 1px dotted #810C00;
    padding: 0px 0 0 10px;
}

.reorder-drop-down-menu {
    left: initial !important;
    padding: 0px !important;
    margin: 4px 0 0 0 !important;
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.2);
}

    .reorder-drop-down-menu > li > a {
        color: #103227 !important;
        padding: 4px 10px 4px 10px !important;
        margin: 0px 0 0 0 !important;
    }

        .reorder-drop-down-menu > li > a:hover {
            background: #e8e8e8 !important;
            position: relative;
            z-index: 10000;
        }

.reorder-tbl-ord-algn {
    position: relative;
    right: -4px;
}

.reorder-manufactured-table-row-color tr:nth-child(even) {
    background: #fff !important;
}

.reorder-manufactured-table-row-color tr:nth-child(odd) {
    background: #FFF !important;
}

.reorder-purchased-table-row-color tr:nth-child(even) {
    background: #fff !important;
}

.reorder-purchased-table-row-color tr:nth-child(odd) {
    background: #FFF !important;
}

.reorder-open-blanket-table-row-color tr:nth-child(even) {
    background: #fff !important;
}

.reorder-open-blanket-table-row-color tr:nth-child(odd) {
    background: #FFF !important;
}

.table-no-data {
    border: solid 1px #ccc;
    padding: 7px 0 7px 0;
    background: #ececec;
    margin: 23px 0 0 0;
    font-weight: 900;
    font-size: 12px;
    color: #397E68;
}

.reorder-qty-chk-txt {
    position: absolute;
    background: #FF432F !important;
    color: #fff;
    z-index: 100000;
    margin: -28px 0px 0 -45px;
    padding: 5px 13px 5px 13px;
}

.reorder-alert-1 {
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    border: 1px solid #E4E4E4;
    height: 62px;
    box-sizing: border-box;
    width: 100%;
    position: fixed;
    z-index: 1000000;
    bottom: 0px;
    left: 60px;
    padding: 12px 17px 12px 17px;
}

.reorder-alert-1-multi-img {
    padding: 6px 12px 0 0;
}

.reorder-qty-chk-txtalign-manufactured {
    margin: -28px 0px 0 -41px;
}

.reorder-report-thead-checkbox-algn {
    position: absolute;
    top: 8px;
    left: 9px;
}

.reorder-table-row-insuffient-qty-color {
    background: #F0EDE8 !important;
}

.reorder-table-row-pause-qty-color {
    background: #FFF0EE !important;
}

.reorder-table-row-pause-qty-icon-color {
    color: #FFF0EE !important;
}

.reorder-blanket-section {
    box-shadow: inset 0 1px 1px 0 #B4B4B4;
    margin: 13px 0 0px -22px;
    width: 103%;
}

.reorder-blanket-inner-section {
    padding: 0 0 0 12px;
    padding: 20px 20px 20px 20px;
}

.reorder-blanket-inner-right-section {
    background-color: #F4F4F4;
    border: 1px solid #B4B4B4;
    height: 700px;
    padding: 15px 30px 15px 15px;
    position: absolute;
    width: 100%;
}

.user-view-inner-section {
    padding: 0 0 0 12px;
    padding: 20px 20px 50px 20px;
}

.user-view-inner-section-scroll {
    overflow-y: auto;
    height: auto;
    max-height: 620px;
    padding: 0 5px 0 0;
}

.user-view-left-grid-section {
    height: 60px;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
    padding: 0px 10px 2px 10px !important;
}

.user-view-left-grid-section-active {
    height: 60px;
    border: 1px solid #397E68;
    background-color: #F1F7F5;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
    padding: 0px 10px 2px 10px !important;
}

.user-view-content-section {
    padding: 10px 10px 10px 10px;
    background-color: #E4E4E4;
    box-shadow: inset 0 1px 1px 0 #C4C4C4, inset 0 1px 1px 0 #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
}

.user-view-inner-right-section {
    background-color: #F4F4F4;
    border: 1px solid #B4B4B4;
    height: 700px;
    padding: 15px 30px 15px 15px;
    position: absolute;
    width: 100%;
}

.main-top-view-section {
    margin: 0 0 0px 0;
    color: #fff;
    background-color: #fff;
    /*position:relative;*/
    padding: 1px 0px 25px 10px;
    box-shadow: inset 0 1px 1px 0 #B4B4B4;
}

.main-view-inner-section {
    padding: 20px 20px 50px 20px;
}

.main-view-inner-section-scroll {
    overflow-y: auto;
    height: auto;
    max-height: 780px;
    padding: 0 5px 0 0;
    margin: 0 0 35px 0;
}

.main-view-right-section {
    background-color: #F4F4F4;
    border: 1px solid #B4B4B4;
    border-top: none;
    height: 100%;
    padding: 15px 15px 15px 15px;
    width: 100%;
}

.default-box-1 {
    height: auto;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(215, 215, 215, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-style: normal;
    padding: 13px 10px 10px 10px;
}

.vendor-default-box-hover:hover {
    background-image: url('../images/icons/Ico_More_Green.svg');
    background-repeat: no-repeat;
    background-position: 98% 25px;
    cursor: pointer;
    vertical-align: top;
}

.vendor-altr-address-section {
    border: dashed 1px #e6e6e6;
    height: 100px;
    padding: 30px 0 15px 0;
    color: #C4C4C4;
}

    .vendor-altr-address-section:hover {
        background: #f2f2f2;
        color: rgb(57, 126, 104);
    }

.vendor-main-address-adding-div {
    color: rgb(201, 201, 201);
    background-color: #ebebeb;
    border: dashed 1px #e4e4e4;
    cursor: pointer;
    height: 100px;
}

    .vendor-main-address-adding-div:hover {
        color: rgb(57, 126, 104);
        border: solid 1px #ccc;
        background: transparent;
    }

.vendor-item-grid {
    height: 50px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(215, 215, 215, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 15px 5px 15px;
}

.input-transparent {
    height: 30px;
    width: 100%;
    background-color: transparent;
    font-family: 'Lato-Regular', 'Lato';
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-decoration: none;
    color: #397E68;
    border-color: transparent;
    outline-style: none;
}

.input-transparent-spl {
    width: 100%;
    height: 31px;
    background-color: transparent;
    font-family: 'Lato-Regular', 'Lato';
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    text-decoration: none;
    color: #000000;
    text-align: left;
    border-color: transparent;
    outline-style: none;
    padding: 0 21px 0 11px;
}

.vendor-right-section-scroll {
    overflow-y: auto;
    height: auto;
    max-height: 780px;
    padding: 0 5px 0 0;
    margin: 0 0 35px 0;
}

.reorder-blanket-left-grid-section {
    height: 80px;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
    padding: 2px 10px 2px 10px !important;
}

.reorder-blanket-left-grid-section-active {
    height: 80px;
    border: 1px solid #397E68;
    background-color: #F1F7F5;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
    padding: 2px 10px 2px 10px !important;
}

.reorder-blanket-right-hdr-section {
    height: 70px;
    border-bottom: 1px solid #E4E4E4;
    padding: 0px !important
}

.reorder-blanket-right-grid-section {
    height: 77px;
    border: 1px solid #D4D4D4;
    background-color: #FCFCFC;
    margin-top: 10px;
}

.reorder-blanket-right-grid-section-align {
    padding: 0 10px 0 10px !important;
}

.allocation-right-grid-section-align {
    padding: 0 10px 9px 10px !important;
}

.reorder-blanket-right-grid-side-img-section {
    padding: 20px 0px 20px 0px !important;
    border-left: solid 1px #D4D4D4 !important;
}

.allocation-right-grid-side-img-section {
    padding-top: 20px !important;
    border-left: solid 1px #D4D4D4 !important;
}

.reorder-blanket-right-grid-table-hdr-section {
    background-color: #E4E4E4;
    padding: 10px 0 10px 0;
    border: 1px solid #C4C4C4;
    border-bottom: none;
}

.blanket-gird-table > tbody > tr > td, .blanket-gird-table > tbody > tr > th, .blanket-gird-table > tfoot > tr > td, .blanket-gird-table > tfoot > tr > th, .blanket-gird-table > thead > tr > td, .blanket-gird-table > thead > tr > th {
    padding: 8px 5px 8px 5px;
    vertical-align: top;
    border-top: 1px solid #D4D4D4;
    background: #fff;
}

.blanket-gird-table-select {
    background-color: #F0EDE8 !important;
}

.blanket-gird-table-left-bdr-select {
    border-left: solid #397E68 3px !important;
}

.reorder-purchase-pop-left-section-hdr {
    padding: 22px 0 18px 18px;
    position: fixed;
    background: #103227;
    width: 16%;
    z-index: -10;
}

.reorder-purchase-popup-left-cnt-section {
    height: 95%;
    background: #103227;
    position: fixed;
    width: 16%;
    cursor: pointer;
    margin: 52.4px 0 0 0;
}

.reorder-purchase-popup-center-cnt-hdr {
    background-color: #235545;
    box-shadow: -4px 0 1px 0 #103227;
    padding: 9px 12px 17px 12px;
    /* position: fixed; */
    width: 110%;
    z-index: 100000;
}

.reorder-purchase-popup-po-left-cnt-section {
    height: 95%;
    background: #103227;
    position: fixed;
    width: 16%;
    cursor: pointer;
    margin: 19.4px 0px 0 -18px;
}

.reorder-blanket-active {
    border-left: 10px solid #397E68 !important;
}

.reorder-report-blanket-po-details-item-scroll {
    overflow-y: auto;
    height: 520px;
    overflow-x: hidden;
    /*max-height: 540px;*/
    padding: 0 3px 0 0;
    margin: 8px 0 0 0;
}

.report-side-blank-txt {
    width: 18px;
    float: left;
    background-color: #397E68;
    color: #fff;
    padding: 5px 0px 9px 0px;
}

    .report-side-blank-txt p {
        transform: rotate(270deg);
        margin: 22px 2px 0 0;
        font-size: 10px;
        font-weight: 900;
        line-height: 12px;
    }

.ord-view-tab-section-header {
    border-bottom: solid 1px #D4D4D4;
    margin: 6px 0 0px 0;
    padding: 0px 0 6px 0;
}

.ord-view-progress-bar {
    background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%) !important;
    border-radius: 100px;
}

.ord-view-add-custom-dcumt {
    height: 129px;
    width: 100%;
    border: 1px solid #C4C4C4;
    border-radius: 9px 3px 3px 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    cursor: pointer;
    padding: 26px 0 0 0;
}

    .ord-view-add-custom-dcumt p {
        color: #00B67C;
        font-size: 15px;
        font-weight: 900;
        text-align: center;
        line-height: 18px;
        margin: 6px 0 0 0;
    }

.ord-view-dcumt {
    height: 129px;
    width: 100%;
    border: 1px solid #C4C4C4;
    border-radius: 9px 3px 3px 3px; /*background-color: #E4E4E4;*/
}

.ord-view-dcmt-top-view {
    border-radius: 9px 3px 0 0; /*background-color: #FFFFFF;*/
    padding: 13px 25px 8px 25px;
    height: 82px;
}

.ord-view-dcmt-bottom-view {
    border-top: 1px solid #C4C4C4;
    padding: 0 0 5px 0;
    background-color: #E4E4E4;
}

.ord-view-item-view-section {
    background: url(../images/dashboard-bdr.jpg);
    background-repeat: repeat-x;
    position: relative;
    padding: 0 20px 0 10px;
    background-color: #fff;
}

.order-view-search-section {
    width: 100%;
    border: none;
    background: none;
    color: #103227;
    padding: 3px 25px 0 10px;
}

    .order-view-search-section:focus {
        border: none;
        outline: 0;
        color: #00B67C;
    }

    .order-view-search-section::-moz-placeholder {
        color: #6F7573;
        opacity: 1
    }

    .order-view-search-section:-ms-input-placeholder {
        color: #6F7573;
    }

    .order-view-search-section::-webkit-input-placeholder {
        color: #6F7573;
    }

.ord-view-item-table {
    width: 100%;
    max-width: 100%;
}

.ord-view-item-table-hdr {
    background-color: #E2ECE9;
    padding: 5px 5px 5px 5px;
    border-right: solid 2px #fff;
    border-top: 2px solid #397E68;
    border-bottom: 1px solid #C4C4C4;
    color: #235545;
    font-size: 13px;
    font-weight: normal;
}

.ord-view-item-table-td {
    padding: 0px 1px 0 0px;
}

.ord-view-item-table-td-box-section {
    border: 1px solid #C4C4C4;
    background-color: #F4F4F4;
    height: 50px;
    border-top: none;
    padding: 3px 3px 3px 3px;
}

.ord-item-table-td-inner-box {
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    border: 1px solid #B4B4B4;
    padding: 3px 5px 3px 5px;
}

.ord-view-bottom-left-button-section {
    margin: 10px 0 6px 0;
    float: left;
}

.ord-view-bottom-right-button-section {
    margin: 10px 0 6px 0 !important;
}

.ord-view-drop-down-wrk-flw-algn {
    margin: 8px 0px 0 -17px !important;
}

.ord-table-view-bdr {
    border: solid 1px #D4D4D4;
}

.ord-view-table-section > tbody > tr > td {
    font-size: 13px;
}

.caret-drop-img {
    background-image: url(../images/icons/Ico_Drop_Arrow.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 7px;
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}

.view-modal {
    padding: 0px !important;
}

.discount-note-validation {
    background: red;
    padding: 1px 3px 3px 6px;
    border-radius: 100%;
    margin: 2px 0 0 0;
}

.popup-left-section {
    background: #103227;
    height: 100%;
    margin: 0 0 0 7px;
}

.pop-left-section-hdr {
    padding: 22px 0 18px 18px;
    position: fixed;
    background: #103227;
    width: 16.3%;
    z-index: 100000000;
}

.popup-left-cnt-section {
    height: 95%;
    background: #103227;
    position: fixed;
    width: 16.6%;
    cursor: pointer;
    margin: 52.4px 0 0 0;
}

.popup-left-ticket-cnt-section {
    background: #103227;
    cursor: pointer;
    height: 100%;
    position: fixed;
    width: 16.3%;
    margin: 52px 0 0 0;
}

.popup-left-cnt-scrool {
    overflow: auto;
    overflow-x: hidden;
    height: 865px;
}

.popup-left-box-cnt {
    background-color: #0E2D23;
    border-left: solid 3px #235545;
    padding: 10px 8px 10px 8px;
    margin: 0 0 2px 0;
}

    .popup-left-box-cnt:hover, popup-left-box-cnt:focus {
        background: #051F17 !important;
        border-left: solid 3px #00b67c !important;
    }
/*.popup-left-box-cnt:active:focus{background-color: #051F17;border-left: solid 3px #00b67c;}*/

.popup-left-box-cnt-active {
    background: #051F17 !important;
    border-left: solid 3px #00b67c !important;
}

.popup-center-cnt-hdr {
    background-color: #235545;
    box-shadow: -4px 0 1px 0 #103227;
    padding: 7px 12px 7px 12px;
    position: fixed;
    width: 84.3%;
    z-index: 100000;
}

.popup-center-cnt-hdr-left {
    padding: 8px 0 0 10px;
}

.popup-center-cnt-hdr-right {
    padding: 0px;
    margin: 0 20px 0 0;
}

.popup-center-cnt-section {
    background: #fff;
    width: 50.2%;
    height: 100%;
    position: fixed;
    padding: 0px 25px 25px 25px;
    margin: 52px 0 30px 0;
    left: 27%;
}

.popup-center-ticket-cnt-section {
    background: #fff;
    height: 100%;
    padding: 53px 25px 25px 25px;
    margin: 0 0 30px 0;
    position: fixed;
    width: 50.3%;
}

.popup-center-pallet-ticket-cnt-section {
    background: #fff;
    padding: 53px 25px 25px 25px;
    margin: 0 0 30px 0;
    position: relative;
    width: 65.2%;
    height: 1500px;
    left: 17%;
}

.popup-print-table-section {
    padding: 15px 0 15px 0;
}

.popup-print-table {
    width: 100%;
    max-width: 100%;
}

    .popup-print-table thead th {
        font-size: 10px;
        color: #397E68;
        font-weight: 900;
        font-family: Lato;
        border-top: solid 1px #D4D4D4;
        border-bottom: solid 1px #D4D4D4;
        padding: 7px 5px 7px 5px;
        text-transform: uppercase;
        position: relative;
    }

    .popup-print-table tbody td {
        padding: 7px 5px 7px 5px;
        color: #103227;
    }

.popup-top-section-hdr-table {
    width: 100%;
    max-width: 100%;
}

    .popup-top-section-hdr-table tbody td {
        padding: 12px 5px 10px 5px;
    }

.pop-print-sls-algn {
    margin: 0 20px 0 0;
}

.popup-shopfloor-table-section {
    width: 430px;
}

.popup-center-bol-cnt-section {
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 25px 25px 25px 25px;
    margin: 0 0 30px 0;
}

.bol-print-view-section {
    width: 1000px;
    height: auto;
    margin: 53px auto;
}

.popup-bol-view-top-section {
    border: solid 1px #000;
}

.popup-bol-name-section {
    width: 245px;
    height: 120px;
    float: left;
    padding: 12px;
}

.popup-bol-name-section-inner-view {
    width: 150px;
    height: auto;
    float: left;
}

.popup-bol-name-section-data-view {
    width: 220px;
    height: auto;
    float: left;
}

.popup-bol-carrier-section {
    width: 200px;
    height: 120px;
    float: left;
    border-left: solid 1px #000;
    padding: 12px;
}

.popup-bol-carrier-inner-view {
    width: 170px;
    height: auto;
}

.popup-bol-carrier-data-view {
    width: 170px;
    height: auto;
}

.popup-bol-date-shp-section {
    width: 200px;
    height: 120px;
    float: left;
    border-left: solid 1px #000;
    padding: 12px;
}

.popup-bol-date-shp-inner-view {
    width: 190px;
    height: auto;
}

.popup-bol-date-inner-data {
    width: 200px;
    height: auto;
}

.popup-bol-shp-inner-data {
    width: 190px;
    height: auto;
    margin: 10px 0 0 0;
}

.popup-bol-shp-view-data {
    width: 200px;
    height: auto;
}

.popup-bol-order-section {
    width: 300px;
    height: 120px;
    float: left;
    border-left: solid 1px #000;
    padding: 12px;
}

.popup-bol-ord-fxn-section {
    width: 435px;
    height: auto;
    float: left;
}

.popup-bol-fxn-inner-data {
    top: -25px;
    position: relative;
}

.popup-bol-text-section {
    width: 515px;
    height: auto;
    float: left;
}

.popup-bol-cert-text-section {
    width: 100%;
    height: 15px;
    margin: 10px 0 0 0;
}

.popup-bol-table-top-left-section {
    width: 50%;
    height: 165px;
    margin: 0px 0 0 0;
    float: left;
    border: solid 1px #000;
    border-right: none;
    padding: 5px;
}

.popup-bol-table-top-right-section {
    width: 50%;
    height: 165px;
    margin: 0px 0 0 0;
    float: left;
    border: solid 1px #000;
    padding: 5px;
}

.popup-bol-tbl-left-frm-section {
    width: 200px;
    height: auto;
    float: left;
}

.popup-bol-tbl-left-frm-txt {
    margin: 10px 0 10px 0;
    font-size: 12px;
}

.popup-bol-tbl-left-addr-section {
    width: 250px;
    height: auto;
    float: left;
}

.popup-bol-tbl-left-addr-txt {
    margin: 0px 0 10px 0;
    font-size: 17px;
}

.popup-bol-tbl-left-shp-section {
    width: 200px;
    height: auto;
    float: left;
    clear: both;
}

.popup-bol-tbl-left-shp-txt {
    margin: 10px 0 10px 0;
    font-size: 10px;
}

.popup-bol-tbl-left-addr2-section {
    width: 250px;
    height: auto;
    float: left;
}

.popup-bol-tbl-left-addr2-txt {
    margin: 0px 0 10px 0;
    font-size: 17px;
}

.pop-bol-tbl-left-orgn-section {
    width: 200px;
    height: auto;
    float: left;
    clear: both;
}

.pop-bol-tbl-left-orgn-txt {
    margin: 10px 0 10px 0;
    font-size: 10px;
}

.popup-bol-tbl-left-ln-section {
    width: 250px;
    height: auto;
    float: left;
}

.popup-bol-tbl-left-ln-txt {
    margin: 0px;
    font-size: 17px;
}

.popup-bol-tbl-right-to-section {
    width: 100px;
    height: auto;
    float: left;
}

.popup-bol-tbl-right-to-txt {
    margin: 20px 0 10px 0;
    font-size: 12px;
}

.popup-bol-tbl-right-addr-section {
    width: 300px;
    height: auto;
    float: left;
}

.popup-bol-tbl-right-addr-txt-hdr {
    margin: 20px 0 0 0;
    font-size: 17px;
}

.popup-bol-tbl-right-addr-txt-sub {
    margin: 5px 0 0 0;
    font-size: 17px;
}

.popup-bol-delivering-section {
    width: 33%;
    height: 50px;
    float: left;
    border: solid 1px #000;
    border-top: none;
    padding: 5px;
}

.popup-bol-delivering-sub {
    width: 180px;
    height: auto;
    float: left;
}

.popup-bol-delivering-sub-txt {
    margin: 0px 0 0px 0;
    font-size: 10px;
}

.popup-bol-delivering-data-sub {
    width: 310px;
    height: auto;
    float: left;
}

.popup-bol-delivering-data-sub-txt {
    margin: 0px 0 10px 0;
    font-size: 15px;
}

.popup-bol-route-section {
    width: 33%;
    height: 50px;
    float: left;
    border: solid 1px #000;
    padding: 5px;
    border-top: none;
    border-left: none;
}

.popup-bol-route-sub {
    width: 180px;
    height: auto;
    float: left;
}

.popup-bol-route-sub-txt {
    margin: 0px 0 0px 0;
    font-size: 10px;
}

.popup-bol-route-data-sub {
    width: 180px;
    height: auto;
    float: left;
}

.popup-bol-route-data-sub-txt {
    margin: 0px 0 10px 0;
    font-size: 16px;
}

.popup-bol-vehicle-section {
    width: 34%;
    height: 50px;
    float: left;
    border: solid 1px #000;
    padding: 5px;
    border-top: none;
    border-left: none;
}

.popup-bol-vehicle-sub {
    width: 180px;
    height: auto;
    float: left;
}

.popup-bol-vehicle-sub-txt {
    margin: 0px 0 0px 0;
    font-size: 10px;
}

.popup-bol-vehicle-sub-data {
    width: 180px;
    height: auto;
}

.popup-bol-vehicle-sub-data-txt {
    margin: 0px 0 10px 0;
    font-size: 16px;
}

.popup-bol-main-tbl-section {
    width: 100%;
    height: auto;
}

.bol-table-sct {
    margin: 0px;
}

    .bol-table-sct thead > tr > th {
        text-align: center !important;
        padding: 5px;
        font-size: 10px;
    }

    .bol-table-sct thead > tr > th, .bol-table-sct tbody > tr > td {
        border: 1px solid #000 !important;
        border-top: none !important;
        background: none !important;
        color: #000 !important;
    }

.popup-bol-tbl-no-th {
    width: 100px;
}

.popup-bol-tbl-hm-th {
    width: 75px;
}

.popup-bol-tbl-pck-th {
    width: 450px;
}

.popup-bol-tbl-wgt-th {
    width: 150px;
}

.popup-bol-tbl-cls-th {
    width: 100px;
}

.popup-bol-tbl-x-th {
    width: 75px;
}

.popup-bol-chge-th {
    width: 171px;
}

.popup-bol-remit-section {
    width: 36%;
    height: 120px;
    float: left;
    border: solid 1px #000;
    padding: 5px;
    border-right: none;
    border-top: none;
}

.popup-bol-remit-addr-view-section {
    width: 240px;
    float: left;
}

.popup-bol-cod-amt-section {
    width: 34%;
    height: 120px;
    float: left;
    border: solid 1px #000;
    padding: 5px;
    border-right: none;
    border-top: none;
}

.popup-bol-cod-sub {
    width: 300px;
    float: left;
}

.popup-bol-amt-sub {
    width: 300px;
    float: left;
}

.popup-bol-cod-sub-txt {
    margin: 20px;
}

.popup-bol-cod-fee-section {
    width: 30%;
    height: 155px;
    float: left;
    border: solid 1px #000;
    border-top: none;
}

.popup-bol-cod-fee-sub {
    width: 284px;
    height: 100px;
    ;
    float: left;
    border: solid 1px #000;
    border-right: none;
    border-top: none;
    border-left: none;
    padding: 10px 10px 0px 10px;
}

.popup-bol-cod-fee-sub-div {
    width: 150px;
    float: left;
}

.popup-bol-cod-fee-sub-div-txt {
    font-size: 10px;
    margin: 0 0 5px 0;
    clear: both;
}

.popup-bol-total-chg-section {
    width: 315px;
    height: 0px;
    float: left;
    border-right: none;
    border-top: none;
    border-left: none;
    padding: 10px 10px 0px 10px;
}

.popup-bol-remit-sub-section {
    width: 85px;
    float: left;
}

.popup-bol-shipment-move-txt-section {
    width: 220px;
    height: 150px;
    float: left;
    border: solid 1px #000;
    margin: -35px 0 0 0;
    border-top: none;
    padding: 5px;
}

.popup-bol-note-section {
    width: 200px;
    height: 150px;
    float: left;
    border: solid 1px #000;
    margin: -35px 0 0 0px;
    border-top: none;
    border-left: none;
    padding: 5px;
}

.popup-bol-decl-data-view {
    margin: 20px 0 0 0;
    width: 120px;
    float: left;
}

.popup-bol-uom-data-view {
    width: 50px;
    float: left;
    margin: 20px 0 0 0;
}

.popup-bol-sub-section-view {
    width: 246px;
    height: 150px;
    float: left;
    border: solid 1px #000;
    margin: -35px 0 0 0px;
    border-top: none;
    border-left: none;
    padding: 5px;
}

.popup-bol-sig-bdr-btm {
    border-bottom: solid 1px #000;
}

.popup-bol-signature-view {
    font-size: 15px;
    margin: 24px 0 0 0;
}

.popup-bol-freight-prepaid-section {
    width: 284px;
    height: 115px;
    float: left;
    border: solid 1px #000;
    margin: 0px 0 0 0px;
    border-top: none;
    border-left: none;
    padding: 5px;
}

.popup-bol-freight-prepaid-sub {
    width: 150px;
    float: left;
}

.popup-bol-freight-prepaid-sub-txt {
    font-size: 14px;
    margin: 15px 0 0 0;
}

.popup-bol-fright-bl-section {
    width: 30px;
    float: left;
    margin: 15px 0 0 0;
}

.popup-bol-fright-bl-txt {
    font-size: 20px;
    border: solid 1px #000;
    width: 40px;
    padding: 0px 0 0 13px;
    color: black;
}

.popup-bol-check-view-txt {
    font-size: 12px;
    left: 10px;
    position: relative;
}

.popup-pallet-bin-section {
    width: 310px;
    float: left;
    height: 30px;
}

.popup-pallet-bin-txt {
    font-size: 25px;
    position: relative;
    top: -9px;
}

.popup-pallet-due-date-section {
    width: 190px;
    float: left;
}

.popup-pallet-current-date-section {
    width: 200px;
    float: left;
}

.popup-pallet-current-date-sub {
    font-size: 10px;
    margin: 4px -15px 0px 0px;
}

.popup-pallet-current-date-txt {
    width: 60px;
    border: none;
}

.popup-pallet-current-time-txt {
    width: 60px;
    border: none;
}

.popup-pallet-hdr-bdr {
    border-top: solid 1px #ccc;
}

.popup-pallet-name-txt {
    width: 280px;
    float: left;
    margin: 27px 0 0px 0;
    font-family: Arial;
    font-weight: normal;
    font-size: 18px;
}

.popup-pallet-ord-txt {
    width: 320px;
    float: left;
    margin: 31px 0 10px 0;
    font-size: 16px;
}

.popup-pallet-sales-ord-txt {
    width: 120px;
    float: left;
    margin: 20px 0 0px 0;
    color: #000000;
}

.popup-pallet-hdr-sub-section {
    height: 65px;
}

.popup-pallet-bay-txt-section {
    width: 750px;
    height: auto;
    float: right;
}

.popup-pallet-bay-sub {
    width: 450px;
    height: 68px;
    float: right;
    border: solid 1px #000;
    margin-bottom: 40px;
}

.popup-pallet-bay-data-view {
    font-family: Arial;
    font-size: 35pt;
    color: #000000;
    margin: -10px 0 0 0;
}

.popup-pallet-sibling-table {
}

    .popup-pallet-sibling-table thead th {
        background: none !important;
        font-size: 10px;
        font-style: italic;
        padding: 6px 6px 6px 6px !important;
    }

    .popup-pallet-sibling-table thead > tr > th, .popup-pallet-sibling-table tbody > tr > td {
        border: 1px solid #ddd !important;
        padding: 6px 6px 6px 6px !important;
    }

.container-modal {
    width: 95%;
    margin: 0px auto;
}

.order-entry-order-default-select > .btn-default {
    background: #fff !important;
}

.order-entry-customer-default-select > .btn-default {
    background: #fff;
}

.vendor-right-side-name-section-view {
    border-left: solid 2px #397E68;
    padding: 3px 0 0 10px;
}

    .vendor-right-side-name-section-view:hover {
        background-image: url(../images/icons/Ico_Edit.svg);
        background-repeat: no-repeat;
        background-position: 100% 5px;
        position: relative;
        cursor: pointer;
    }

.vendor-right-side-address-section-view {
    border-width: 0px;
    height: 100px;
    background: inherit;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px 0 0 10px;
    cursor: pointer;
}

.dashboard-box-section {
    padding: 0 0px 0 0;
}

.dashboard-top-view-section {
    margin: 0 0 0px 0;
    color: #fff;
    background-color: #f4f4f4;
    position: relative;
    padding: 15px 10px 25px 10px;
    box-shadow: inset 0 1px 1px 0 #B4B4B4;
}

.userview-top-view-section {
    margin: 0 0 0px 0;
    color: #fff;
    background-color: #f4f4f4;
    position: relative;
    height: 100%;
    padding: 15px 10px 25px 10px;
    box-shadow: inset 0 1px 1px 0 #B4B4B4;
}

.dashboard-view-section-cnt {
    font-family: Lato;
    font-size: 13px;
    line-height: 20px;
    color: #103227;
    margin: 10px 0 0 0;
}

.dashboard-content-view-section {
    margin: 0 0 0px 0;
    background-image: url(../images/dashboard-bdr.jpg);
    background-repeat: repeat-x;
    position: relative;
    padding: 20px 11px 30px 10px;
}

.userview-content-view-section {
    margin: -4px 0 0px 0;
    background-image: url(../images/bdr-bottom-img.jpg);
    background-repeat: repeat-x;
    position: relative;
    padding: 35px 11px 45px 10px;
    border: solid 1px #e2ece9;
    border-top: none;
    z-index: 1000;
}

.user-view-hdr-section {
    background: linear-gradient(180deg, #c8dad5 0%, #E2ECE9 100%);
    padding: 13px 5px 13px 10px;
    border-top: 2px solid #397E68;
    margin: 10px 0 0 0;
    border-bottom: solid 1px #b8ccc6;
    border-left: solid 1px #b8ccc6;
    border-right: solid 1px #b8ccc6;
}

.user-view-personal-section-details {
    background: #fff;
    padding: 15px 20px 5px 20px;
    border: solid 1px #e2ece9;
    border-radius: 0 0 7px 7px;
}

.user-view-account-section-details {
    background: #fff;
    padding: 0px 20px 15px 20px;
    border: solid 1px #e2ece9;
    border-radius: 0 0 7px 7px;
    height: 180px;
}

.user-view-login-details-section {
    background: #fff;
    padding: 1px 20px 15px 20px;
    border: solid 1px #e2ece9;
    border-radius: 0 0 7px 7px;
    height: 180px;
}

.user-view-order-details-section {
    background: #fff;
    padding: 15px 20px 24px 20px;
    border: solid 1px #e2ece9;
    border-radius: 0 0 7px 7px;
    height: 250px;
}

.user-view-account-details-tbody {
    position: absolute;
    overflow: auto;
    height: 95px;
    overflow-x: hidden;
    width: 99.3%;
}

.table-input-control-user-view {
    border: none !important;
    box-shadow: none;
}

    .table-input-control-user-view:focus {
        box-shadow: none !important;
    }

    .table-input-control-user-view[disabled], .table-input-control-user-view[readonly], fieldset[disabled] {
        background-color: #ffffff !important;
        opacity: 1
    }

.user-view-img-uploader {
    position: absolute;
    opacity: 0;
    top: 0;
    height: 213px;
}

.user-view-img {
    border-radius: 100%;
    height: 230px;
    display: none;
    width: 105%;
    border: solid 4px #ceded9;
    margin: -4px 0 0 -4px;
}

.user-upload-section {
    background: #e0ebe7;
    height: 225px;
    border-radius: 100%;
    width: 54%;
}

.user-view-img-choose-txt {
    padding: 86px 0 0 55px;
    font-size: 15px;
    color: #397e68;
    position: absolute;
}

.dashboard-content-box {
    background-color: #F4F4F4;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
    padding: 10px 0px 5px 10px;
    margin: 0 0 10px 0;
}

.dashboard-content-box-open-bdr {
    border-left: solid 5px #00B67C;
}

.dashboard-content-box-quote-bdr {
    border-left: solid 5px #FAC960 !important;
}

.dashboard-content-box-canceled-bdr {
    border-left: solid 5px #103227 !important;
}

.dashboard-ship-complete-bdr {
    border-left: solid 5px #397E68 !important;
}

.dashboard-ship-hold-bdr {
    border-left: solid 5px #FF432F !important;
}

.dashboard-ship-invoiced-bdr {
    border-left: solid 5px #397E68 !important;
}

.dashboard-content-box-open-section {
    height: 20px;
    width: 50px;
    color: #FFFFFF;
    font-family: Lato;
    font-size: 10px;
    font-weight: 900;
    line-height: 20px;
    background-color: #00B67C;
    border-radius: 3px 0 0 3px;
    text-align: center;
}

.dashboard-quote-section {
    background-color: #FAC960 !important;
}

.dashboard-canceled-section {
    background-color: #103227 !important;
    width: 70px;
}

.dashboard-ship-complete-section {
    background-color: #397E68 !important;
    width: 100px;
}

.dashboard-ship-hold-section {
    background-color: #FF432F !important;
    width: 50px;
}

.dashboard-ship-invoiced-section {
    background-color: #397E68 !important;
    width: 70px;
}

.dashboard-ico-grid-section {
    float: left;
    width: 30px;
}

.dashboard-ico-list-section {
    float: left;
    width: 30px;
}

.dashboard-content-box-cus-name-no-section {
    color: #B4B4B4;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.dashboard-content-box-preview-section {
    color: #00B67C;
    font-size: 10px;
    font-weight: 900;
    margin: 6px 0 0 0;
    cursor: pointer;
}

    .dashboard-content-box-preview-section:before {
        position: relative;
        top: 0px;
        width: 12px;
        height: 12px;
        content: "\f002";
        font: normal normal normal 12px/1 FontAwesome;
        color: #397E68 !important;
        margin-right: 4px;
        text-align: center;
        display: inline-block;
    }

.dashboard-content-box-center-section {
    padding: 0 10px 0 0;
}

.dashboard-content-box-edit-section {
    color: #00B67C;
    font-size: 10px;
    font-weight: 900;
    margin: 6px 0 0 0;
    cursor: pointer;
}

    .dashboard-content-box-edit-section:before {
        position: relative;
        top: 0px;
        width: 12px;
        height: 12px;
        content: url(../images/icons/Ico_Edit.svg);
        margin-right: 2px;
        text-align: center;
        display: inline-block;
    }

.dashboard-frm-right-algn {
    left: 45.666667%;
    position: relative;
}

.dashboard-frm-right-img-algn {
    margin: 0 5px 0 5px;
    position: relative;
    top: 7px;
}

.dashboard-btm-right-side-page-sct {
    width: 16.66666667%;
    float: left;
}

.dashboard-btm-right-side-input-sct {
    width: 16.66666667%;
    float: left;
}

.dashboard-btm-right-side-ofcount-sct {
    width: 16.66666667%;
    float: left;
}

    .dashboard-btm-right-side-ofcount-sct p {
        text-align: center;
    }

.main-content-section {
    background-color: #f2f3f4;
    height: auto;
    background-size: contain;
    padding: 20px 0px 10px 0px;
}

.main-content-section-new {
    background-color: #f2f3f4;
    height: auto;
    padding: 15px 7px 10px 7px;
}

.ord-search-section-active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    height: 20px;
    background: linear-gradient(45deg, transparent 33.333%,#397E68 33.333%, #397E68 66.667%,transparent 66.667%),linear-gradient(-45deg, transparent 33.333%,#397E68 33.333%, #397E68 66.667%,transparent 66.667%);
    background-size: 15px 30px;
    background-position: 0 -10px;
}

.ord-search-section-clear:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    height: 20px;
    background: linear-gradient(45deg, transparent 33.333%,#e4e4e4 33.333%, #e4e4e4 66.667%,transparent 66.667%),linear-gradient(-45deg, transparent 33.333%,#e4e4e4 33.333%, #e4e4e4 66.667%,transparent 66.667%);
    background-size: 15px 30px;
    background-position: 0 -10px;
}


.ord-hold-section-active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 20px;
    background: linear-gradient(45deg, transparent 33.333%,#ff432f 33.333%, #ff432f 66.667%,transparent 66.667%),linear-gradient(-45deg, transparent 33.333%,#ff432f 33.333%, #ff432f 66.667%,transparent 66.667%);
    background-size: 15px 30px;
    background-position: 0 -10px;
}

.ord-cancel-section-active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    height: 20px;
    background: linear-gradient(45deg, transparent 33.333%,#103227 33.333%, #103227 66.667%,transparent 66.667%),linear-gradient(-45deg, transparent 33.333%,#103227 33.333%, #103227 66.667%,transparent 66.667%);
    background-size: 15px 30px;
    background-position: 0 -10px;
}

.item-details-section {
    padding: 10px 15px 20px 10px;
    position: relative;
    background: url(../images/dashboard-bdr.jpg);
    background-repeat: repeat-x;
}

    .item-details-section:after {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        height: auto; /*background:linear-gradient(45deg, transparent 33.333%,#f4f4f4 33.333%, #f4f4f4 66.667%,transparent 66.667%),linear-gradient(-45deg, transparent 33.333%,#f4f4f4 33.333%, #f4f4f4 66.667%,transparent 66.667%);background-size:15px 30px;background-position: 0 -10px;*/
    }

.bootstrap-select > .dropdown-toggle[title=Choose],
.bootstrap-select > .dropdown-toggle[title=Choose]:hover,
.bootstrap-select > .dropdown-toggle[title=Choose]:focus,
.bootstrap-select > .dropdown-toggle[title=Choose]:active {
    color: #B4B4B4 !important;
}

.bootstrap-select > .dropdown-toggle[title=Show all],
.bootstrap-select > .dropdown-toggle[title=Show all]:hover,
.bootstrap-select > .dropdown-toggle[title=Show all]:focus,
.bootstrap-select > .dropdown-toggle[title=Show all]:active {
    color: #B4B4B4 !important;
}





#shipping-address-section {
}

.padding-col-algn-spl {
    padding: 0 0 0 3.5px;
}

.padding-col-algn-shipment-det-spl {
    padding: 0 3.5px 0 0px !important;
}

.li_sel {
    color: #00B67C
}

    .li_sel:hover {
        color: #fff !important;
    }

.word-break {
    word-break: break-all;
}

.ui-menu .ui-menu-item a {
    display: block;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
}

.table-input-control {
    height: 25px;
    width: 100%;
    border: 1px solid #B4B4B4;
    background-color: #FFFFFF;
    padding: 0 10px 0 10px;
    color: #103227;
}

.table-input-search-icon {
    color: #00B67C;
}

.table-input-control:focus {
    border: 1px solid #00B67C;
    outline: 0;
    color: #00B67C;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.table-input-control::-moz-placeholder {
    color: #00B67C;
    opacity: 1
}

.table-input-control:-ms-input-placeholder {
    color: #00B67C;
}

.table-input-control::-webkit-input-placeholder {
    color: #00B67C;
}

.table-input-edit-control {
    height: 25px;
    width: 100%;
    background-color: #FFFFFF;
    padding: 0 10px 0 10px;
    color: #103227;
    font-weight: bold;
}

/*.table-input-edit-control:focus {
   border: 1px solid #00B67C;
    outline: 0;
    color:color:#00B67C;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}*/

.order-item-discount-notes-input:focus {
    border: 1px solid #B4B4B4 !important;
    outline: 0;
    color: #00B67C;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.no-bdr-bck-btn {
    border: none;
    background: none;
}

.input-bg-bdr-clear {
    border: none;
    background: none;
}

.input-bg-bdr-add {
    border: 1px solid #B4B4B4;
    background-color: #FFFFFF;
}

.item-table-disable-control[disabled], .item-table-disable-control[readonly], fieldset[disabled] {
    background-color: #E4E4E4 !important;
    opacity: 1
}

.table-input-disable-sct[disabled], .table-input-disable-sct[readonly], fieldset[disabled] {
    background-color: #E4E4E4;
    opacity: 1
}


/*.table-input-control[disabled],
.table-input-control[readonly],fieldset[disabled] {
    background-color: #E4E4E4;
    opacity: 1
}*/

.table-form-control {
    display: inherit;
    width: 100%;
    height: 36px;
    padding: 9px 8px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #103227;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4d4d4;
    border-radius: 0px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

    .table-form-control:focus {
        border: 1px solid #00B67C;
        outline: 0;
        color: #00B67C;
    }

.table-form-control-text-area {
    display: inherit;
    width: 100%;
    height: 36px;
    padding: 9px 8px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #103227;
    background-color: #fff;
    background-image: none;
    border-bottom: 1px solid #d4d4d4;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

    .table-form-control-text-area:focus {
        border: 1px solid #00B67C;
        outline: 0;
        color: #00B67C;
    }

    .table-form-control-text-area::-moz-placeholder {
        color: #B4B4B4;
        opacity: 1;
        font-style: italic;
    }

    .table-form-control-text-area:-ms-input-placeholder {
        color: #B4B4B4;
        font-style: italic;
    }

    .table-form-control-text-area::-webkit-input-placeholder {
        color: #B4B4B4;
        font-style: italic;
    }

.notification-badge {
    font-size: 10px;
    font-weight: 900;
    padding: 5px 0px;
    margin-left: 23px;
    line-height: 9px;
    margin-top: -20px;
    position: absolute;
    width: 19px;
    height: 19px;
}

.table-input-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

.information-view-section {
    height: 150px;
    background-color: rgba(255,255,255,0.5);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
    margin: 19px 0 5px 0;
    padding: 10px 10px 10px 10px;
}

    .information-view-section p {
        line-height: 15px;
        font-weight: bold;
        font-size: 13px;
        font-family: Lato;
        color: #103227;
    }

.information-view-algn {
    padding: 0px 5px 0 5px !important;
}

.ft-btn-algn {
    margin: 0px 15px 0 0;
    float: left;
}

.frm-btn {
    padding: 4px 11px 0px 11px;
    border: 1px solid #B4B4B4;
}

.i-sct {
    margin: 9px 0 0 0;
    background: none;
    border: none;
}

    .i-sct i {
        color: #397E68;
        border-radius: 100%;
        background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
        padding: 4px 7px 4px 7px;
        margin: 0 10px 0 0;
        border: 1px solid #D4D4D4;
    }

    .i-sct span {
        color: #103227;
        font-family: Lato;
        font-size: 13px;
    }

.ico-img-btn-algn {
    position: relative;
    top: 2px;
}

.nop {
    padding: 0px !important;
}

.alert-img-algn {
    margin: 10px;
}

.chk-dir-shp {
    margin: 15px 0 15px 0;
}

.i-txt-oval {
    margin: 0px;
    height: 24px;
    width: 24px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    border: 1px solid #D4D4D4;
    box-sizing: border-box;
    padding: 4px 11px 4px 9px;
    border-radius: 100%;
}

    .i-txt-oval i {
        height: 1.55%;
        width: 0.4%;
        color: #397E68;
        font-family: "Abril Fatface";
        font-size: 16px;
        font-style: italic;
        line-height: 15px;
        text-align: center;
        font-weight: 900;
    }

.i-txt-oval-close {
    margin: 0px;
}

    .i-txt-oval-close i {
        height: 15px;
        width: 5.79px;
        color: #397E68;
        font-size: 21px;
        font-style: italic;
        text-align: center;
        padding: 3px 12px 3px 12px;
        font-weight: 900;
        line-height: 23px;
    }


.i-sct-reset {
    background: none;
    border: none;
    position: relative;
    top: 24px;
}

    .i-sct-reset img {
        color: #397E68;
        border-radius: 100%;
        background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
        padding: 6px 7px 7px 8px;
        margin: 0 10px 0 0;
        font-size: 15px;
    }

.table-color-section-algn {
    position: relative;
    top: 12px;
    float: left;
}

.ft-right-help-sct {
    margin: 0px 0 0 0;
    float: right;
}

.checkbox label:after, .radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
    width: 18px;
    height: 18px;
    float: left;
    margin-right: .5em;
    color: #397E68;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox .cr .cr-icon, .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox label input[type="checkbox"], .radio label input[type="radio"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon {
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

.oval-btn {
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border: 1px solid #E21600;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    border-radius: 100%;
}

.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #00B67C;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.saving-draft-sct {
    position: relative;
    top: -1px;
}

.placehold-color {
    color: #B4B4B4;
}

.bootstrap-select.btn-group .dropdown-menu li:nth-child(1) {
    display: none !important;
    width: 10px;
}

.reset-txt {
    position: relative;
    top: 5px;
    color: #103227;
}


.search-modal .close-modal {
    width: 25px;
    height: 25px;
}

    .search-modal .close-modal .lr, .search-modal .close-modal .lr .rl {
        height: 25px;
    }

    .search-modal .close-modal .lr {
        margin-left: 12px;
    }

.modal-body {
    padding: 0;
}

.search-modal .close-modal .lr {
    z-index: 1051;
    width: 2px;
    height: 35px;
    margin-left: 35px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .search-modal .close-modal .lr .rl {
        z-index: 1052;
        width: 2px;
        height: 35px;
        background-color: #fff;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.search-modal-container {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.modal-body {
    padding: 0;
}

.modal-content {
    background-color: #225544;
    opacity: 0.95;
}

.search-modal .close-modal {
    position: absolute;
    top: 15px;
    right: 215px;
    width: 60px;
    height: 35px;
    background-color: transparent;
    cursor: pointer;
    z-index: 1000000;
}

.search-modal .modal-content {
    padding: 3em 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.add-placeholder {
    color: #B4B4B4;
}
/*select option:first-child{color: #B4B4B4; display: none;}*/
select option {
    color: #103227 !important;
}

#container {
    min-height: 100vh;
    height: auto;
    position: relative;
    min-width: 290px;
    overflow: hidden
}

    #container.boxed-layout {
        background-color: #dfe5ee
    }

#content-container {
    position: relative;
    padding-top: 80px;
    padding-bottom: 35px; /*height: 100%;position: absolute;width:100%;*/
}

.fixed-fluid:after {
    content: '';
    display: block;
    clear: both
}

.fixed-fluid > .pull-xs-left {
    float: left;
    margin-right: 15px
}

.fixed-fluid > .pull-xs-right {
    float: right;
    margin-left: 15px
}

.fixed-fluid > .fixed-xs-160 {
    width: 160px
}

.fixed-fluid > .fixed-xs-200 {
    width: 200px
}

.fixed-fluid > .fixed-xs-250 {
    width: 250px
}

.fixed-fluid > .fixed-xs-300 {
    width: 300px
}

.fixed-fluid > .fixed-xs-350 {
    width: 350px
}

.fixed-fluid > .fluid {
    overflow: hidden
}

.loader-section {
    margin: 10px 0 0 0;
}

.sml-view-logo-sct {
    display: none;
}

.reorder-readonly-txt {
    position: relative;
    top: 2px;
    left: 16px;
}

.reorder-panel-heading {
    background: #fff !important;
}

.reoder-panel-body {
    background: #fff !important;
}

.reorder-time-picker-section {
    background-color: #F4F4F4;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    width: 43%;
    height: 3.91%;
    padding: 1px 0 2px 4px;
    float: left;
    margin: 0 10px 0 0;
}

.reorder-time-picker-section-time-img {
    padding: 7px 0 0 4px;
}

.reorder-time-picker-left-section {
    width: 23%;
    float: left;
}

.reorder-time-picker-right-section {
    width: 75%;
    float: left;
    height: 35px;
}

.reorder-time-picker-section-time-edit-img {
    padding: 0px 0 2px 4px;
    position: relative;
    top: 1.3px;
}

.reorder-table-table {
    border-collapse: separate;
    width: 100%;
}

.reorder-table-table-thead {
    background-color: rgb(226, 236, 233);
    color: rgb(35, 85, 69);
    font-size: 13px;
    font-weight: normal;
    padding: 5px;
    border-right: 2px solid rgb(255, 255, 255);
    border-top: 2px solid rgb(57, 126, 104);
    border-bottom: 1px solid rgb(196, 196, 196);
}

.reorder-table-sub-div {
    border: 1px solid #C4C4C4;
    margin: 1px 1px 1px 1px;
    padding: 10px 10px 10px 10px;
    height: 55px;
    color: #6F7573;
}

.reorder-collapse-header {
    height: 50px;
    width: 99.9%;
    border: 1px solid #397E68;
    background-color: #FFFFFF;
    margin-top: 10px
}

.reorder-collapse-header-blank {
    height: 50px;
    width: 99.9%;
    border: 1px solid #397E68;
    background-color: #FFFFFF;
    margin-top: 10px
}

.reorder-header-blank-section {
    background-color: #397E68;
    float: left;
    height: 100%;
    padding: 25px 0 0 0;
    width: 1%;
}

    .reorder-header-blank-section p {
        color: #fff;
        font-size: 10px;
        font-weight: 900;
        transform: rotate(270deg);
    }

.reorder-purchased-table-section-align {
    margin: -2px 0 0 0;
}


.user-account-select-roles-button {
    width: auto;
    height: 28px;
    border-radius: 3px;
    background-color: #F4F4F4;
    border: none;
    color: #6F7573 !important;
    font-size: 13px;
    margin-top: 2px;
    padding: 0px 20px 0 20px;
}

.user-account-select-roles-cancel-button {
    height: 32px;
    width: 80px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    color: #397E68;
    font-weight: 700;
    margin-right: 5px;
}

.user-account-select-roles-apply-button {
    height: 32px;
    width: 80px;
    border: 1px solid #235545;
    border-radius: 3px;
    background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%);
    color: #FFFFFF;
    font-weight: 700
}

.user-account-select-roles-light-green-background-button {
    height: 28px;
    border-radius: 3px;
    background-color: #00B67C;
    color: #fff;
    font-weight: 700;
    width: auto;
    border: none;
    padding: 0px 20px 0 20px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #FFF !important;
    border: 1px solid #D4D4D4;
    border-bottom-color: transparent;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    color: #397E68;
    line-height: 16.5px;
}









@media only screen and (max-width: 600px) {
    .right-help-sct {
        float: none;
    }
}

@media only screen and (max-width: 480px) {
    .hdr-top-logo-sections {
        display: none;
    }

    .navbar-brand {
        display: none;
    }
}

@media (min-width:1650px) {
    .table-total-value-section {
        float: right;
        margin: 0px;
    }

    .loader-section {
        margin: 15px 0 0 0;
    }

    .right-help-sct {
        float: right;
    }

    .ft-right-help-sct {
        float: right !important;
    }
}

@media (max-width:1650px) {
    .dashboard-frm-right-algn {
        left: 44% !important;
        position: relative;
    }
}

@media (min-width:1250px) {
    .table-total-value-section {
        float: right !important;
        margin: 0px !important;
    }

    .loader-section {
        margin: 15px 0 0 0;
    }

    .right-help-sct {
        float: right;
    }

    .ft-right-help-sct {
        float: right !important;
    }

    .bootstrap-select-align {
        width: 100% !important;
    }
}

@media (max-width:1200px) {
    .dashboard-frm-right-algn {
        left: 39% !important;
        position: relative;
    }
}

@media (max-width:1200px) {
    .bootstrap-select-align {
        width: 100% !important;
    }
}

@media (min-width:992px) {
    .right-help-sct {
        float: right;
    }
    /*.popover {
        left: -226.484px!important;
    }*/
}

@media (max-width:992px) {
    .bootstrap-select-align {
        width: 100% !important;
    }

    .customer-search-label-algn {
        margin: 15px 0 5px 0px;
    }

    .search-modal .close-modal {
        right: 5px;
    }

    .dashboard-frm-right-algn {
        left: 0 !important;
        position: relative;
    }
}

@media (max-width:350px) {
    .loader-section {
        margin: 0px 0 0 0;
    }

    .table-total-value-section {
        float: left;
        margin: 20px 0 0 0;
    }
}

@media (max-width:760px) {
    .table-total-value-section {
        float: left !important;
        margin: 20px 0 0 0 !important;
    }

    .ft-right-help-sct {
        float: left;
    }

    .loader-section {
        margin: 0px 0 0 0;
    }

    .sml-view-logo-sct {
        display: block;
    }

    .i-sct {
        margin: 0px;
    }

    .bootstrap-select-align {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #mainnav-container {
        padding-top: 60px !important;
    }

    .bootstrap-select-align {
        width: 100% !important;
    }

    .i-sct {
        margin: 0px 0 10px 0;
    }

    .loader-section {
        margin: 15px 0 0 0;
    }

    .user-section {
        display: none;
    }

    .ul-left-section {
        position: relative;
    }

    .payment-section {
        margin: 0px 0 0 0;
    }

    .reference-section {
        margin: 0px 0 0 0;
    }

    .customer-search-label-algn {
        margin: 15px 0 5px 0px;
    }

    .search-modal .close-modal {
        right: 10px;
    }

    .dashboard-frm-right-algn {
        left: 0 !important;
        position: relative;
    }

    .dashboard-btm-right-side-page-sct {
        width: 30.66666667%;
        float: left;
    }

    .dashboard-btm-right-side-input-sct {
        width: 35.66666667%;
        float: left;
    }

    .dashboard-btm-right-side-ofcount-sct {
        width: 30.66666667%;
        float: left;
    }
}

@media(max-width:480px) {
    #mainnav-container {
        padding-top: 0px !important;
    }
}

@media(min-width:768px) {
    #hdr-top-logo-section {
        display: block !important;
        width: 185px;
    }
}

@media(min-width:992px) {
    #hdr-top-logo-section {
        display: none !important;
    }
}

@media(min-width:768px) {
    .table-total-value-section {
        float: left;
        margin: 20px 0 0 0;
    }

    .ft-right-help-sct {
        float: right;
    }

    .fixed-fluid > .pull-sm-left {
        float: left;
        margin-right: 15px
    }

    .fixed-fluid > .pull-sm-right {
        float: right;
        margin-left: 15px
    }

    .fixed-fluid > .fixed-sm-160 {
        width: 160px
    }

    .fixed-fluid > .fixed-sm-200 {
        width: 200px
    }

    .fixed-fluid > .fixed-sm-250 {
        width: 250px
    }

    .fixed-fluid > .fixed-sm-300 {
        width: 300px
    }

    .fixed-fluid > .fixed-sm-350 {
        width: 350px
    }
}

@media(min-width:992px) {
    .fixed-fluid > .pull-md-left {
        float: left;
        margin-right: 15px
    }

    .fixed-fluid > .pull-md-right {
        float: right;
        margin-left: 15px
    }

    .fixed-fluid > .fixed-md-160 {
        width: 160px
    }

    .fixed-fluid > .fixed-md-200 {
        width: 200px
    }

    .fixed-fluid > .fixed-md-250 {
        width: 250px
    }

    .fixed-fluid > .fixed-md-300 {
        width: 300px
    }

    .fixed-fluid > .fixed-md-350 {
        width: 350px
    }
}

@media(min-width:1200px) {
    .fixed-fluid > .pull-lg-left {
        float: left;
        margin-right: 15px
    }

    .fixed-fluid > .pull-lg-right {
        float: right;
        margin-left: 15px
    }

    .fixed-fluid > .fixed-lg-160 {
        width: 160px
    }

    .fixed-fluid > .fixed-lg-200 {
        width: 200px
    }

    .fixed-fluid > .fixed-lg-250 {
        width: 250px
    }

    .fixed-fluid > .fixed-lg-300 {
        width: 300px
    }

    .fixed-fluid > .fixed-lg-350 {
        width: 350px
    }
}

#page-title {
    padding: 10px 15px;
    width: 100%;
    color: #2b425b
}

.page-header {
    border: 0 none;
    font-size: 1.7em;
    font-weight: normal;
    margin: 0;
    padding: 10px 0
}

    .page-header .label {
        margin-right: .5em
    }

#page-content {
    padding: 15px 15px 0
}

    #page-content:not(:first-class) {
        padding: 5px 15px 0
    }

.searchbox {
    margin-right: -20px
}

    .searchbox button {
        border: 0;
        background: 0;
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        font-size: 14px;
        z-index: 2
    }

    .searchbox .custom-search-form {
        margin-right: -5px
    }

        .searchbox .custom-search-form .input-group-btn {
            position: static
        }


.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
    width: 18px;
    height: 18px;
    float: left;
    margin-right: .5em;
    color: #397E68;
}

    .checkbox .cr .cr-icon, .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

.searchbox .custom-search-form .input-group-btn:before {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    bottom: -1px;
    background-color: #42a5f5;
    z-index: 99;
    left: 50%;
    right: 50%;
    transition: left .3s, right .3s
}

.searchbox .custom-search-form input {
    background-color: transparent;
    border-color: transparent;
    padding-right: 30px
}

.searchbox > .input-group.custom-search-form input {
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.searchbox > .input-group input:focus ~ .input-group-btn:before {
    content: "";
    left: 0;
    right: 25px;
    transition: left .3s, right .3s
}

@media(min-width:768px) {
    #content-container {
        padding-top: 60px
    }

    #page-title {
        display: table;
        table-layout: fixed;
        padding-bottom: 0
    }

    .page-header, .searchbox {
        display: table-cell;
        vertical-align: middle
    }

    .searchbox {
        width: 300px
    }
}

.cls-container {
    background-color: #ecf0f5;
    text-align: center
}

    .cls-container, .cls-container a, .cls-container a:hover, .cls-container a:focus {
        color: #647484;
    }

.bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

    .bg-img ~ .cls-content .panel {
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15)
    }

.cls-header {
    position: relative;
    background-color: rgba(0, 0, 0, 0.03)
}

    .cls-header.cls-header-lg .cls-brand .brand-icon {
        width: 60px;
        height: 60px
    }

#container.cls-container .cls-header .cls-header.cls-header-lg .cls-brand .brand-title {
    font-size: 27px
}

.cls-brand {
    display: inline-block;
    padding: 5px 0
}

    .cls-brand .brand-icon {
        padding: 0
    }

.cls-header-lg .cls-brand {
    line-height: 60px
}

.cls-header-sm .cls-brand {
    line-height: 1.42857
}

#container.cls-container .cls-brand .brand-icon,
#container.cls-container .cls-brand .brand-title {
    background-color: transparent;
    color: inherit;
    float: none;
    display: inline-block;
    line-height: 22px;
    font-size: 20px;
    font-weight: 600;
    padding: 5px;
    vertical-align: middle;
    width: auto
}

.cls-content {
    padding: 50px 15px 15px;
    padding-top: 10vh;
    position: relative
}

    .cls-content .error-code {
        font-size: 120px;
        font-weight: 400;
        margin-bottom: 50px
    }

    .cls-content .error-search {
        max-width: 512px;
        margin: 0 auto
    }

    .cls-content .cls-content-sm,
    .cls-content .cls-content-lg {
        width: 70%;
        min-width: 270px;
        margin: 0 auto;
        position: relative;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

@media(min-width:768px) {
    .cls-content .cls-content-sm {
        width: 350px
    }

    .cls-content .cls-content-lg {
        width: 550px
    }
}

@media(min-width:1200px) {

    #container.boxed-layout,
    #container.boxed-layout.navbar-fixed #navbar {
        background-color: #637a8b
    }

        #container.boxed-layout .boxed,
        #container.boxed-layout #footer {
            max-width: 1128px;
            width: 1128px
        }

        #container.boxed-layout .boxed {
            margin: 45px auto 0
        }

        #container.boxed-layout #footer {
            margin: 0 auto;
            bottom: 0
        }

        #container.boxed-layout > .boxed {
            position: relative;
            overflow: hidden
        }

        #container.boxed-layout.reveal #content-container,
        #container.boxed-layout #content-container {
            min-height: 94vh
        }

        #container.boxed-layout #aside-container {
            min-height: 100%
        }

        #container.boxed-layout.mainnav-in:not(.slide) > #footer {
            left: 0 !important;
            padding-left: 220px
        }

        #container.boxed-layout.mainnav-fixed:not(.navbar-fixed) #mainnav-container.affix-top {
            left: 0 !important
        }

        #container.boxed-layout.mainnav-fixed.mainnav-in #mainnav-container {
            width: 220px;
            overflow: hidden
        }

        #container.boxed-layout.mainnav-fixed.mainnav-out:not(.reveal) #mainnav-container {
            width: 0
        }

        #container.boxed-layout.mainnav-fixed #mainnav-container.affix,
        #container.boxed-layout.mainnav-fixed #mainnav-container.affix-top {
            -webkit-transition-property: width;
            transition-property: width
        }

        #container.boxed-layout.mainnav-fixed .boxed {
            margin-bottom: 0
        }

        #container.boxed-layout.aside-fixed #aside-container {
            width: 0;
            overflow: hidden
        }

        #container.boxed-layout.aside-fixed.aside-in #aside-container {
            width: 255px;
            overflow: hidden
        }

        #container.boxed-layout.aside-fixed.aside-left.mainnav-lg #aside-container.affix-top {
            left: 220px
        }

        #container.boxed-layout.aside-fixed.aside-left.mainnav-sm #aside-container.affix-top {
            left: 50px
        }

        #container.boxed-layout.aside-fixed.mainnav-lg #aside-container.affix-top,
        #container.boxed-layout.aside-fixed.mainnav-sm #aside-container.affix-top {
            -ms-transform: translateX(0) !important;
            -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important
        }

        #container.boxed-layout.footer-fixed .boxed {
            margin-bottom: 0
        }
}

@media(min-width:1900px) {

    #container.boxed-layout .boxed,
    #container.boxed-layout #footer {
        max-width: 1280px;
        width: 1280px
    }
}

.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .nano > .nano-content {
        position: absolute;
        overflow: auto;
        overflow-x: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

        .nano > .nano-content::-webkit-scrollbar {
            display: none
        }

        .nano > .nano-content:focus {
            outline: 0 !important
        }

    .nano > .nano-pane {
        background-color: rgba(128, 128, 128, 0.5);
        position: absolute;
        width: 4px;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
        transition: opacity .2s
    }

        .nano > .nano-pane > .nano-slider {
            background-color: rgba(0, 116, 255, 0.5);
            position: relative;
            margin: 0;
            border-radius: 0
        }

.nano-hide.nano > .nano-pane {
    display: none !important
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block
}

.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
    opacity: .99
}

.pace .pace-progress,
.nano > .nano-pane > .nano-slider {
    background-color: #0c80df
}

.pace .pace-progress-inner {
    box-shadow: 0 0 10px #42a5f5, 0 0 5px #42a5f5
}

.pace .pace-activity {
    background-color: #42a5f5
}

.nano > .nano-pane > .nano-slider {
    opacity: .85
}

#navbar {
    position: absolute;
    width: 100%;
    z-index: 10;
    background-color: #ecf0f5;
    left: 0;
    top: 0
}

#navbar-container {
    /*box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2)*/
}

.navbar-header {
    left: 0;
    position: relative;
    float: none;
    background-color: #235545;
}

.navbar-content {
    position: relative;
    left: 0;
    background-color: #235545;
}

.navbar-aside-icon > *:before {
    background-color: #758697 !important;
    box-shadow: 0 .45em 0 #758697, 0 .9em 0 #758697 !important
}

.navbar-brand {
    background-color: transparent;
    color: #fff;
    padding: 0;
    height: 60px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 220px
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        color: #fff
    }

.brand-title,
.brand-icon {
    display: block;
    line-height: 40px
}

.brand-icon {
    width: 130px;
    height: 60px;
    float: left;
    margin: 0 45px
}

.brand-icon-logo-sel {
    width: 150px;
    height: 80px;
    float: left;
    margin: 0 5px
}

.brand-text {
    display: block;
    font-size: 18px;
    font-weight: 600
}

.navbar-icon-color,
.navbar-top-links > li > a:focus:not(.mainnav-toggle) > i,
.navbar-top-links > li > a:hover:not(.mainnav-toggle) > i {
    color: #6d7e90;
    transition: color .4s
}

.navbar-top-links > li {
    float: left
}

    .navbar-top-links > li > a {
        display: table-cell;
        padding: 0 12.5px 0 12.5px;
        vertical-align: middle;
        height: 60px;
        color: #758697;
        transition: all .4s
    }

        .navbar-top-links > li > a:not(.mainnav-toggle) > i {
            color: #758697;
            transition: color .4s
        }

        .navbar-top-links > li > a:focus {
            background-color: transparent
        }

        .navbar-top-links > li > a:hover {
            background-color: #235545;
            color: #6f8193;
            transition: all .4s;
            cursor: pointer;
        }

        .navbar-top-links > li > a > i {
            font-size: 2.6em;
            line-height: .75em
        }

.navbar-top-links:first-child > li {
    /*border-right: 1px solid rgba(0, 0, 0, 0.05)*/
}

.navbar-top-links:last-child > li {
    /*border-left: 1px solid rgba(0, 0, 0, 0.05)*/
}

.navbar-top-links > .open > a,
.navbar-top-links > .open > a:focus {
    background-color: #235545;
    color: #758697
}

.navbar-top-links .dropdown-menu .panel-body {
    padding: 0
}

.navbar-top-links .dropdown-menu .nano:not(.scrollable) {
    max-height: 180px
}

    .navbar-top-links .dropdown-menu .nano:not(.scrollable) .nano-content {
        position: static
    }

.navbar-top-links .tgl-menu-btn {
    position: absolute;
    top: -100%;
    left: 0
}

    .navbar-top-links .tgl-menu-btn > a,
    .navbar-top-links .tgl-menu-btn > a:hover,
    .navbar-top-links .tgl-menu-btn > a:focus {
        color: #fff
    }

        .navbar-top-links .tgl-menu-btn > a:hover,
        .navbar-top-links .tgl-menu-btn a:focus {
            background-color: transparent
        }

.navbar-top-links .head-list {
    list-style: none;
    padding: 0;
    margin: 0
}

    .navbar-top-links .head-list li a {
        display: block;
        padding: 10px 15px;
        background: transparent
    }

        .navbar-top-links .head-list li a:hover {
            background: rgba(0, 0, 0, 0.05);
            color: #758697
        }

.navbar-top-links .head-list-chk {
    list-style: none;
    padding: 0;
    margin: 0
}

    .navbar-top-links .head-list-chk li a {
        display: block;
        padding: 4px 15px;
        background: transparent;
        color: #1F1525;
    }

        .navbar-top-links .head-list-chk li a:hover {
            color: #00B67C !important;
        }

.badge-header {
    position: absolute;
    font-size: .85em;
    font-weight: normal;
    top: 50%;
    margin-top: -1.5em;
    min-width: 1.85em;
    padding: 3px 5px;
    right: 3px
}

    .badge-header:empty {
        display: inline;
        border-radius: 50%;
        min-width: 0;
        padding: 5px;
        right: .55em;
        top: 2.2em;
        animation-iteration-count: 5
    }

.navbar-top-links .dropdown-menu .nano {
    max-height: 265px
}

.img-user {
    width: 32px;
    height: 32px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1)
}

#dropdown-user .ic-user {
    font-size: 1.5em;
    line-height: 40px
}

.username {
    float: right;
    white-space: nowrap;
    line-height: 40px;
    margin: 0 10px
}

@media(min-width:768px) {



    #dropdown-user > .dropdown-toggle img {
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        transform: translateY(4px)
    }

    #navbar {
        background-color: transparent
    }

    .navbar-header {
        float: left;
        background-color: transparent;
    }

        .navbar-header:before {
            content: '';
            position: absolute;
            display: block;
            width: 100%;
            height: 60px;
            background-color: #235545;
        }

    #container.mainnav-out .navbar-header:before {
        width: 0
    }

    #container.mainnav-in .navbar-header:before {
        width: 100%
    }

    #navbar-container {
        background-color: #235545;
    }

    .navbar-content {
        margin-left: 0px;
        background-color: transparent
    }

    #navbar .brand-title {
        padding: 0 1.5em 0 40px
    }

    #container.mainnav-in .navbar-brand,
    #container.mainnav-lg .navbar-brand,
    #container.mainnav-in .brand-title,
    #container.mainnav-lg .brand-title {
        width: 220px
    }

    #container.mainnav-in .brand-icon,
    #container.mainnav-sm .brand-icon,
    #container.mainnav-lg .brand-icon {
        background-color: transparent
    }

    #container.mainnav-in .brand-title,
    #container.mainnav-sm .brand-title,
    #container.mainnav-lg .brand-title {
        color: #fff
    }

    #container.effect .brand-title,
    #container.effect.mainnav-in .brand-title,
    #container.effect.mainnav-sm .brand-title,
    #container.effect.mainnav-lg .brand-title {
        transition: color .35s
    }

    .navbar-middle {
        position: static
    }

    .navbar-top-links .tgl-menu-btn {
        position: static
    }

        .navbar-top-links .tgl-menu-btn > a,
        .navbar-top-links .tgl-menu-btn > a:hover {
            color: #758697;
            padding: 3px 17px 0 17px;
        }

            .navbar-top-links .tgl-menu-btn > a:focus {
                background-color: transparent;
                color: #758697
            }
}

#container.navbar-fixed > #navbar {
    position: fixed
}

    #container.navbar-fixed > #navbar .shadow {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1)
    }

#container.navbar-fixed .navbar-top-links .dropdown-menu .nano > .nano-content {
    position: absolute
}

@media(max-width:760px) {
    #container.navbar-fixed .navbar-top-links .dropdown-menu .nano {
        max-height: 110px
    }
}

#mainnav-container {
    position: absolute;
    width: 220px;
    left: -220px;
    padding-top: 60px;
    top: 0;
    bottom: 0;
    z-index: 4;
    min-height: 100%
}

#mainnav {
    height: 100%;
    background-color: #235545;
}

    #mainnav .list-header {
        color: #397E68;
        margin: 5px 17px 5px 0;
    }

    #mainnav .list-divider {
        border-color: rgba(0, 0, 0, 0.15);
        margin: 0
    }

#mainnav-menu-wrap {
    height: 100%
}

#mainnav-shortcut {
    overflow: hidden
}

#container:not(.mainnav-sm) #mainnav-shortcut {
    margin-top: 10px;
    margin-bottom: 10px
}

#container:not(.mainnav-sm) #mainnav-menu-wrap > .nano > .nano-content {
    padding-top: 0px
}

#container:not(.mainnav-sm) #mainnav-menu {
    margin-top: 0px
}

#container:not(.mainnav-sm) .mainnav-profile {
    margin-top: -20px
}

.mainnav-sm .mainnav-profile {
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0
}

.mainnav-profile {
    color: #fff;
    opacity: 1;
    margin-bottom: 7px;
    max-height: 350px
}

    .mainnav-profile .mnp-name {
        color: #fff;
        margin: 0;
        font-size: 1.1em;
        font-weight: 600
    }

    .mainnav-profile .dropdown-caret, .mainnav-profile .mnp-desc {
        color: #fff
    }

    .mainnav-profile .profile-wrap {
        padding: 30px 20px 12px;
        background-image: url('../img/nav-profile.png');
        background-size: cover
    }

#mainnav .mainnav-profile .list-group {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #202a2f;
    margin: 0
}

#mainnav .mainnav-profile .list-group-item {
    color: #abb1b7;
    padding: 12px 20px
}

    #mainnav .mainnav-profile .list-group-item:hover {
        color: #fff;
        background-color: transparent
    }

#mainnav-menu ul, .mainnav-widget ul, .menu-popover ul {
    list-style: none;
    padding-left: 0
}

#mainnav li .arrow {
    float: right;
    line-height: 1.15;
    padding-right: 0
}

    #mainnav li .arrow:before {
        content: '';
        border-style: solid;
        border-width: .1em .1em 0 0;
        display: inline-block;
        height: .4em;
        left: 0;
        position: relative;
        top: 0;
        width: .4em;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

#mainnav li.active > a > .arrow:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

#mainnav-menu a {
    display: block;
    color: #fff;
    padding: 13px 0;
    font-size: 15px;
}

    #mainnav-menu a strong {
        font-weight: 600
    }

    #mainnav-menu a .badge, #mainnav-menu a .label {
        line-height: 1.15em
    }

#mainnav-menu > li > a:hover, #mainnav-menu > li > a:active {
    color: #fff;
    background-color: #2c3a41;
}

#mainnav-menu > li > a.hover {
    color: #fff;
    background-color: #2c3a41;
    /* box-shadow: inset 2px 0 0 0 #0c80df*/
}

#mainnav-menu > .active-link > a, #mainnav-menu > .active-link > a:hover {
    color: #fff;
    padding-left: 20px;
    /*box-shadow: inset 2px 0 0 0 #0c80df*/
}

#mainnav-menu > .active-sub > a, #mainnav-menu > .active-sub > a:hover {
    color: #fff;
    font-weight: 600
}

#mainnav-menu > .active {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #202a2f
}

    #mainnav-menu > .active .active {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        background-color: #1c2429
    }

#mainnav-menu ul .list-header {
    padding: 10px 20px 12px 55px
}

#mainnav-menu ul ul a {
    padding: 10px 20px 12px 65px
}

#mainnav-menu i {
    padding: 0 10px 0 0;
    font-size: 1.15em;
    vertical-align: middle
}

#mainnav-menu .hide-lg {
    display: none
}

#mainnav-menu ul a, .menu-popover .sub-menu ul a {
    padding: 10px 20px 12px 53px
}

    #mainnav-menu ul a:hover, .menu-popover .sub-menu ul a:hover {
        color: #fff
    }

#mainnav-menu ul ul a:hover, .menu-popover .sub-menu ul ul a:hover {
    color: #fff
}

#mainnav-menu ul .active-link a, .menu-popover .sub-menu ul .active-link a {
    font-weight: 600;
    color: #fff;
    /*box-shadow: inset 2px 0 0 0 #0c80df*/
}

#container.mainnav-sm #mainnav-menu > .active-link > a, #container.mainnav-sm #mainnav-menu > .active-sub > a, #container.mainnav-sm #mainnav-menu > .active-link a:hover, #container.mainnav-sm #mainnav-menu > .active-sub a:hover {
    background-color:;
    box-shadow: none
}

#mainnav-shortcut {
    max-height: 1.7em;
    overflow: hidden
}

    #mainnav-shortcut ul {
        width: 100%;
        margin: 0;
        padding: 0
    }

    #mainnav-shortcut li {
        padding: 0;
        vertical-align: middle;
        text-align: center
    }

    #mainnav-shortcut .shortcut-grid {
        display: table;
        border: 0;
        width: 100%;
        height: 1.7em;
        color: #fff
    }

        #mainnav-shortcut .shortcut-grid > i {
            display: table-cell;
            vertical-align: middle;
            font-size: 15px
        }

        #mainnav-shortcut .shortcut-grid > span {
            display: table-cell;
            vertical-align: middle
        }

#container.mainnav-sm #mainnav-shortcut {
    max-height: 250px
}

    #container.mainnav-sm #mainnav-shortcut > ul > li {
        width: 100%;
        text-align: left
    }

        #container.mainnav-sm #mainnav-shortcut > ul > li .shortcut-grid {
            height: auto;
            display: block;
            padding: 12px 18.5px
        }

        #container.mainnav-sm #mainnav-shortcut > ul > li i {
            font-size: 13px;
            line-height: 1.42857
        }

    #container.mainnav-sm #mainnav-shortcut .shortcut-grid > .hide-sm {
        display: none
    }

.mainnav-widget {
    background-color: rgba(0, 0, 0, 0.05);
    color: #abb1b7
}

.mainnav-widget-content {
    padding: 10px 15px
}

.mainnav-widget .show-small a {
    display: none
}

#container.mainnav-fixed #mainnav-container {
    position: fixed
}

#container.mainnav-fixed #mainnav {
    height: 100%;
    height: 100vh
}

    #container.mainnav-fixed #mainnav .nano-content {
        position: absolute
    }

@media(min-width:768px) {
    #container.mainnav-fixed #mainnav-menu-wrap {
        height: 100%
    }

    #container.mainnav-sm #mainnav .menu-popover .nano > .nano-content {
        top: auto;
        max-height: 100%;
        position: absolute
    }

    #container.mainnav-sm #mainnav .menu-popover .nano-content {
        position: static
    }
}

#container.mainnav-fixed:not(.navbar-fixed) #mainnav-container.affix {
    top: -40px;
    position: fixed
}

#container.mainnav-fixed:not(.navbar-fixed) #mainnav-container.affix-top {
    top: 0;
    position: absolute
}

    #container.mainnav-fixed:not(.navbar-fixed) #mainnav-container.affix-top #mainnav-menu-wrap > .nano > .nano-content {
        bottom: 40px
    }

@media(min-width:992px) {
    #container.mainnav-lg #mainnav-container {
        left: 0;
    }

    #container.mainnav-lg #footer,
    #container.mainnav-lg #content-container {
        padding-left: 60px
    }
}

@media(min-width:768px) and (max-width:991px) {
    #container.mainnav-lg #content-container,
    #container.mainnav-lg #footer {
        left: 220px
    }

    #container.mainnav-lg .tgl-menu-btn {
        right: 220px
    }

    #container.mainnav-lg #mainnav-container {
        left: 0
    }

    #container.mainnav-lg #mainnav-menu-wrap {
        height: 100%
    }
}

@media(min-width:768px) {
    #container.mainnav-sm #mainnav-container,
    #container.mainnav-sm #navbar .navbar-brand {
        width: 60px;
        left: 0
    }
}

@media(min-width:768px) {


    #mainnav-menu .list-header,
    #mainnav-menu .list-divider,
    #mainnav-menu .menu-title,
    #mainnav-menu .arrow,
    #mainnav-menu .menu-title > .label,
    #mainnav-menu .menu-title > .badge {
        opacity: 1
    }
    /* .mainnav-sm #mainnav-menu .list-header,*/
    .mainnav-sm #mainnav-menu .list-divider,
    .mainnav-sm #mainnav-menu .menu-title,
    .mainnav-sm #mainnav-menu .arrow,
    .mainnav-sm #mainnav-menu .menu-title > .label,
    .mainnav-sm #mainnav-menu .menu-title > .badge {
        padding-top: 0;
        padding-bottom: 0;
        margin: 0px 0 0 0;
        height: 0;
        opacity: 0
    }

    #container.mainnav-sm .brand-icon {
        margin: 0 5px;
        transform: translateY(0);
        display: none;
    }

    #container.mainnav-sm .shortcut-grid:hover {
        /*box-shadow: inset 2px 0 0 0 #0c80df*/
    }

    #container.mainnav-sm .shortcut-grid:hover,
    #container.mainnav-sm .popover.mainnav-shortcut {
        background-color: #2c3a41;
        color: #fff
    }

    #container.mainnav-sm #mainnav-menu a {
        white-space: nowrap;
        position: relative;
        padding: 13px 0 10px 19px;
        height: 48px;
        cursor: pointer;
    }

        #container.mainnav-sm #mainnav-menu a:hover {
            /*box-shadow: inset 2px 0 0 0 #0c80df*/
        }

        #container.mainnav-sm #mainnav-menu a .badge {
            margin-top: -1.5em
        }

        #container.mainnav-sm #mainnav-menu a .badge {
            position: absolute;
            padding: 3px 7px;
            right: 2px;
            top: 25%
        }

        #container.mainnav-sm #mainnav-menu a i {
            display: inline
        }

    #container.mainnav-sm #mainnav-menu .active-link > a,
    #container.mainnav-sm #mainnav-menu .active-sub > a {
        color: #fff
    }

    #container.mainnav-sm #mainnav-menu .collapse {
        display: none;
        height: 0 !important
    }


    #container.mainnav-sm #navbar .navbar-brand {
        width: 0px;
        left: 0
    }

    #container.mainnav-sm #navbar .navbar-content {
        margin-left: 0px;
    }

    #container.mainnav-sm #content-container,
    #container.mainnav-sm #footer {
        padding-left: 60px;
        left: 0
    }

    #container.mainnav-sm #mainnav {
        position: relative
    }

        #container.mainnav-sm #mainnav .mainnav-widget > .show-small a {
            display: block;
            color: #abb1b7;
            padding: 12px 0 12px 18.5px
        }

            #container.mainnav-sm #mainnav .mainnav-widget > .show-small a:hover {
                color: #fff;
                /*box-shadow: inset 2px 0 0 0 #0c80df;*/
                transition: background-color .2s, padding-left .3s, box-shadow .4s
            }

        #container.mainnav-sm #mainnav .mainnav-widget > .hide-small {
            display: none
        }

        #container.mainnav-sm #mainnav .mainnav-widget .hover {
            color: #fff;
            background-color: #2c3a41
        }

    .top-auto {
        top: auto !important
    }

    #mainnav .menu-popover .nano > .nano-content {
        position: absolute
    }

    #mainnav-menu ul ul a:hover,
    .menu-popover .sub-menu ul ul a:hover {
        background-color: rgba(0, 0, 0, 0.0005)
    }

    .menu-popover {
        left: 50px !important
    }

        .menu-popover .sub-menu {
            overflow: hidden
        }

            .menu-popover .sub-menu .pop-in {
                display: block;
                visibility: visible
            }

            .menu-popover .sub-menu ul {
                background-color: #202a2f
            }

                .menu-popover .sub-menu ul ul {
                    background-color: #1c2429
                }

                    .menu-popover .sub-menu ul ul > li > a {
                        padding-left: 27px
                    }

                        .menu-popover .sub-menu ul ul > li > a:hover {
                            color: #fff
                        }

                .menu-popover .sub-menu ul a:hover {
                    color: #fff
                }

                .menu-popover .sub-menu ul li > a {
                    display: block;
                    color: #abb1b7;
                    padding: 12px 17px
                }

        .menu-popover .single-content {
            color: #fff;
            background-color: #2c3a41
        }

        .menu-popover.popover {
            width: 220px;
            padding: 0;
            border: 0;
            border-radius: 0;
            background-color: #222d32;
            color: #fff;
            position: absolute;
            box-shadow: none;
            margin-left: 0
        }

            .menu-popover.popover.in {
                -webkit-animation: fadeIn .3s;
                animation: fadeIn .3s
            }

        .menu-popover > .popover-title {
            border: 0;
            border-radius: 0;
            padding: 14px 20px;
            background-color: #2c3a41;
            font-size: 1.05em;
            font-weight: 600;
            position: relative;
            z-index: 5;
            color: #fff
        }

            .menu-popover > .popover-title strong {
                font-weight: 300
            }

        .menu-popover > .popover-content {
            padding: 0;
            width: 100%;
            position: absolute;
            border-radius: 0
        }

            .menu-popover > .popover-content > .single-content {
                padding: 15px 14.5px;
                display: block;
                white-space: nowrap;
                margin: 0 0 0 10px;
            }

                .menu-popover > .popover-content > .single-content strong {
                    font-weight: 300
                }

                .menu-popover > .popover-content > .single-content .label,
                .menu-popover > .popover-content > .single-content .badge {
                    margin-left: 10px;
                    float: none !important
                }

        .menu-popover ul {
            width: 220px;
            margin-bottom: 0
        }

        .menu-popover .mainnav-widget-content {
            background-color: #2c3a41
        }

            .menu-popover .mainnav-widget-content > .list-group {
                display: block;
                width: auto
            }
}

.popover.mainnav-shortcut {
    white-space: nowrap
}

    .popover.mainnav-shortcut .popover-content {
        padding: 12px 15px
    }

.mainnav-sm .popover.mainnav-shortcut {
    display: block !important;
    border: 0;
    margin-top: -42.57141px;
    margin-left: -1px;
    padding: 0;
    box-shadow: none;
    overflow: hidden;
    width: auto;
    max-width: 300px;
    border-radius: 0;
    background-color: #222d32;
    color: #fff;
    left: 50px !important
}

    .mainnav-sm .popover.mainnav-shortcut.in {
        -webkit-animation: fadeIn .3s;
        animation: fadeIn .3s
    }

        .mainnav-sm .popover.mainnav-shortcut.in .popover-content {
            height: 100%;
            margin: 0
        }

    .mainnav-sm .popover.mainnav-shortcut > .arrow {
        display: none
    }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#container.mainnav-in.footer-fixed #footer, #container.mainnav-in #navbar, #container.mainnav-in #content-container, #container.mainnav-in #footer {
    left: 60px
}

#mainnav-container {
    width: 60px;
}

.menu-title {
    display: none;
}

#container.mainnav-out #content-container, #container.mainnav-in #mainnav-container {
    left: 0;
    padding-top: 60px;
}

#container.mainnav-in .navbar-header {
    left: -220px
}

#container.mainnav-in .tgl-menu-btn {
    /*right: 220px*/
}

#container.mainnav-in #mainnav-menu-wrap {
    height: 100%
}

@media(min-width:768px) {
    #container.mainnav-in.easeInBack:not(.boxed-layout) #mainnav-container {
        box-shadow: -20px 0 0 0 #263238
    }

    #container.mainnav-in #navbar,
    #container.mainnav-in .navbar-header {
        left: 0
    }

    #container.mainnav-in .tgl-menu-btn {
        right: 0
    }

    #container.mainnav-in.aside-in #aside-container {
        right: -220px
    }

    #container.mainnav-out .brand-title {
        background-color: transparent;
        color: #758697
    }
}

@media(min-width:768px) {
    #container.reveal #content-container {
        min-height: 100vh
    }

    #container.mainnav-out.reveal #content-container,
    #container.mainnav-in.reveal #content-container {
        z-index: 7
    }

    #container.mainnav-in.reveal.aside-in #aside-container {
        right: -220px
    }

    #container.mainnav-in.reveal.aside-in #footer {
        left: 220px
    }

    #container.mainnav-out.reveal #aside-container,
    #container.mainnav-in.reveal #aside-container {
        z-index: 9
    }

    #container.mainnav-out.reveal.aside-left:not(.aside-in) #aside-container,
    #container.mainnav-in.reveal.aside-left:not(.aside-in) #aside-container {
        left: -220px
    }

    #container.mainnav-out.reveal #footer,
    #container.mainnav-in.reveal #footer {
        z-index: 8
    }

    #container.mainnav-out.reveal #mainnav-container {
        left: -220px
    }

    #container.mainnav-in.reveal.slide .navbar-header:before,
    #container.mainnav-out.reveal.slide .navbar-header:before,
    #container.mainnav-out.reveal:not(.slide) #mainnav-container,
    #container.mainnav-in.reveal:not(.slide) #mainnav-container {
        left: 0;
        -webkit-transition-duration: 0;
        transition-duration: 0
    }
}

@media(min-width:768px) {
    #container.mainnav-in.slide #navbar,
    #container.mainnav-in.slide #content-container,
    #container.mainnav-in.slide #footer {
        left: 0
    }

    #container.mainnav-in.slide.aside-in.aside-left #aside-container {
        left: 0
    }

    #container.mainnav-in.slide.aside-in #aside-container {
        right: 0
    }
}

#container #aside-container {
    padding: 0 20px;
    position: relative;
    top: 0;
    z-index: 3
}

    #container #aside-container .nano-content {
        position: static;
        outline: 0
    }

#container #aside .list-link li a:not(.btn) {
    color: #d1d1d1
}

    #container #aside .list-link li a:not(.btn):hover {
        color: #fff
    }

#container #aside .badge-stat {
    color: #32424a
}

#container #aside .text-main {
    color: #fff
}

#container.aside-float.aside-in #aside-container {
    box-shadow: 0 0 5px 6px rgba(0, 0, 0, 0.15)
}

#aside {
    background-color: #32424a;
    color: #fff;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0)
}

    #aside a:not(.btn):not(.btn-link) {
        color: inherit
    }

    #aside.aside-xs-in {
        max-height: none;
        overflow: hidden;
        margin-bottom: 70px
    }

    #aside .bord-all,
    #aside .bord-top,
    #aside .bord-btm,
    #aside .bord-left,
    #aside .bord-rgt,
    #aside .bord-hor,
    #aside .bord-ver,
    #aside .list-divider {
        border-color: #394a53
    }

    #aside .btn-link {
        color: #fff
    }

    #aside .text-muted {
        color: #849eab
    }

    #aside hr {
        border-color: rgba(0, 0, 0, 0.15)
    }

#aside-container #aside .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%
}

#aside-container #aside .nav-tabs li {
    border-bottom: 1px solid #28353b
}

    #aside-container #aside .nav-tabs li > a {
        border-radius: 0;
        border: 0;
        background-color: #32424a;
        padding: .9em 0;
        margin: 0
    }

        #aside-container #aside .nav-tabs li > a > i {
            font-size: 1.35em;
            vertical-align: sub
        }

        #aside-container #aside .nav-tabs li > a:before {
            content: '';
            display: block;
            background: #42a5f5;
            height: 2px;
            position: absolute;
            bottom: -1px;
            left: 50%;
            right: 50%;
            transition: left .05s, right .05s
        }

    #aside-container #aside .nav-tabs li:first-child > a {
        border-left: 0
    }

    #aside-container #aside .nav-tabs li:last-child > a {
        border-right: 0
    }

    #aside-container #aside .nav-tabs li:not(.active) a {
        opacity: .5
    }

#aside-container #aside .nav-tabs .active a:before {
    content: '';
    display: block;
    background: #42a5f5;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    transition: left .15s, right .15s
}

#aside-container #aside .tab-content {
    padding: 5px 0
}

#container.aside-bright #aside .nav-tabs li {
    border-bottom: 1px solid #f2f2f2
}

    #container.aside-bright #aside .nav-tabs li > a {
        background-color: #fff
    }

@media(max-width:760px) {
    #container > div > #aside-container {
        top: 40px
    }

    #container.aside-left.aside-in #aside-container {
        left: 0;
        right: auto
    }

    #container.aside-left #aside-container {
        left: -255px;
        right: auto
    }

    #container.aside-left.mainnav-sm #content-container,
    #container.aside-left.mainnav-sm #footer {
        padding-left: 0
    }
}

@media(min-width:768px) {
    #container.mainnav-sm.aside-left.aside-in #aside-container {
        left: 50px;
        right: auto
    }

    #container.mainnav-sm.aside-left.aside-in #content-container,
    #container.mainnav-sm.aside-left.aside-in #footer {
        padding-left: 220px
    }

    div#container.mainnav-lg.aside-left.aside-in #content-container,
    div#container.mainnav-lg.aside-left.aside-in #footer {
        padding-left: 220px;
        text-align: left
    }
}

#aside {
    padding-top: 40px;
    visibility: visible;
    background-color: #32424a;
    height: 100%
}

#container #aside-container {
    padding: 0;
    position: absolute;
    width: 255px;
    height: auto;
    left: auto;
    right: -255px;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    overflow: hidden;
    z-index: 3
}

    #container #aside-container .nano-content {
        position: absolute
    }

#container #content-container,
#container #footer {
    padding-right: 0
}

#container.mainnav-in:not(.slide) #footer,
#container.mainnav-in #content-container {
    padding-right: 0
}

@media(min-width:1024px) {
    #container.aside-in #aside {
        padding-top: 40px
    }

    #container.aside-in:not(.aside-float) #content-container {
        padding-right: 255px
    }

    #container.aside-in.aside-left:not(.aside-float) #content-container,
    #container.aside-in.aside-left:not(.aside-float) #footer {
        padding-left: 255px;
        padding-right: 0
    }

    #container.aside-in:not(.aside-float) #content-container,
    #container.aside-in:not(.aside-float) #footer {
        padding-right: 255px
    }

    #container.aside-in.aside-left:not(.aside-float) #content-container,
    #container.aside-in.aside-left:not(.aside-float) #footer {
        padding-left: 255px;
        padding-right: 0
    }

    #container.aside-in.aside-left.mainnav-lg:not(.aside-float) #content-container,
    #container.aside-in.aside-left.mainnav-lg:not(.aside-float) #footer {
        padding-left: 475px;
        padding-right: 0
    }

    #container.aside-in.aside-left.mainnav-lg #aside-container {
        left: 220px;
        right: auto
    }

    #container.aside-in.aside-left.mainnav-sm:not(.aside-float) #content-container,
    #container.aside-in.aside-left.mainnav-sm:not(.aside-float) #footer {
        padding-left: 305px;
        padding-right: 0
    }

    #container.aside-in.aside-left.mainnav-sm #aside-container {
        left: 50px;
        right: auto
    }

    #container.aside-in.aside-left.mainnav-in #aside-container {
        left: 220px;
        right: auto
    }
}

#container.aside-in #aside-container {
    left: auto;
    right: 0
}

#container.aside-in.aside-left.mainnav-in #aside-container {
    left: 220px;
    right: auto
}

@media(min-width:768px) {
    #container.aside-left #aside-container,
    #container.aside-in.aside-left #aside-container {
        left: 0;
        right: auto
    }

    #container.aside-left.mainnav-sm #aside-container {
        left: -205px
    }

    #container.aside-left.mainnav-sm:not(.aside-float) #content-container,
    #container.aside-left.mainnav-sm:not(.aside-float) #footer {
        padding-left: 50px
    }

    #container.aside-left.mainnav-out:not(.aside-in) #aside-container {
        left: -220px
    }
}

#container.aside-fixed #aside-container {
    position: fixed
}

#container.aside-fixed #aside {
    height: 100%
}

    #container.aside-fixed #aside .nano-content {
        position: absolute
    }

#container.aside-fixed:not(.navbar-fixed) #aside-container.affix {
    top: -40px;
    position: fixed
}

#container.aside-fixed:not(.navbar-fixed) #aside-container.affix-top {
    top: 0;
    position: absolute
}

#container.aside-bright #aside {
    background-color: #fff;
    border: 1px solid #dbe3ec;
    color: #758697
}

    #container.aside-bright #aside .badge-stat {
        color: #fff
    }

    #container.aside-bright #aside .text-main {
        color: #2b425b
    }

    #container.aside-bright #aside .text-light {
        color: #758697
    }

    #container.aside-bright #aside hr {
        border-color: #e9e9e9
    }

    #container.aside-bright #aside .bord-all,
    #container.aside-bright #aside .bord-top,
    #container.aside-bright #aside .bord-btm,
    #container.aside-bright #aside .bord-lft,
    #container.aside-bright #aside .bord-rgt,
    #container.aside-bright #aside .bord-hor,
    #container.aside-bright #aside .bord-ver,
    #container.aside-bright #aside .list-divider {
        border-color: #d3dce8
    }

    #container.aside-bright #aside .text-muted {
        color: #afb9c3
    }

    #container.aside-bright #aside .progress {
        background-color: #e6e6e6
    }

    #container.aside-bright #aside .list-link li a:not(.btn) {
        color: #8493a2
    }

        #container.aside-bright #aside .list-link li a:not(.btn):hover {
            color: #758697
        }

    #container.aside-bright #aside a:not(.btn) {
        color: #758697
    }

        #container.aside-bright #aside a:not(.btn):hover,
        #container.aside-bright #aside a:not(.btn):focus {
            color: #5d6d7c
        }

    #container.aside-bright #aside .btn-link {
        color: #758697
    }

#footer {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    background-color: #235545;
    color: #397E68;
    position: absolute;
    padding-top: 10px;
    bottom: 0;
    z-index: 10000;
    left: 0;
    right: 0;
    height: 35px
}

    #footer p {
        margin-bottom: 0px;
        padding: 0px 24px 0 0px;
        font-weight: 600;
    }

.footer-list {
    margin-bottom: 0
}

    .footer-list > li {
        vertical-align: top
    }

#container.footer-fixed #footer {
    left: 0;
    position: fixed;
    bottom: 0;
    margin-top: -35px;
    z-index: 1
}

#footer .show-fixed {
    display: none
}

#footer .hide-fixed {
    display: block;
    height: 100%
}

#container.footer-fixed #footer .show-fixed {
    display: block;
    height: 100%
}

#container.footer-fixed #footer .hide-fixed {
    display: none
}

.collapsing {
    transition-duration: 10ms
}

@media(min-width:1200px) {
    .effect #navbar,
    .effect #content-container,
    .effect #mainnav-container,
    .effect #aside-container,
    .effect #footer,
    .effect .navbar-brand,
    .effect .navbar-content,
    .effect .navbar-header:before {
        transition-property: width, padding, left, right;
        transition-duration: .35s
    }

    .effect .navbar-content {
        transition-property: margin-left
    }

    .effect .mainnav-profile {
        transition: opacity .85s, max-height .35s
    }

    .effect #mainnav li .arrow:before {
        transition: transform .25s
    }

    .effect #mainnav li.active > a > .arrow:before {
        transition: transform .25s
    }

    .effect #mainnav-shortcut {
        transition: max-height .7s
    }

        .effect #mainnav-shortcut li {
            transition: all .7s ease .1s
        }

    .effect#container.mainnav-sm #mainnav-shortcut {
        transition: max-height .7s linear .2s
    }

        .effect#container.mainnav-sm #mainnav-shortcut > ul > li {
            transition: all .5s ease
        }

    .mainnav-sm .effect #mainnav-menu .list-header,
    .mainnav-sm .effect #mainnav-menu .list-divider,
    .mainnav-sm .effect #mainnav-menu .menu-title,
    .mainnav-sm .effect #mainnav-menu .arrow,
    .mainnav-sm .effect #mainnav-menu .menu-title > .label {
        transition: opacity .5s, padding .5s linear .5s, color .1s, margin .5s linear .5s;
        transition-timing-function: cubic-bezier(0.28, 1.02, 0.36, 1.145)
    }

    .effect .collapsing {
        transition-duration: .4s
    }

    .easeInQuart #navbar,
    .easeInQuart #content-container,
    .easeInQuart #mainnav-container,
    .easeInQuart #aside-container,
    .easeInQuart #footer,
    .easeInQuart .collapsing,
    .easeInQuart .navbar-brand,
    .easeInQuart .navbar-content,
    .easeInQuart .navbar-header:before {
        transition-duration: .35s;
        transition-timing-function: cubic-bezier(0.755, 0.045, 0.915, 0.135)
    }

    .easeOutQuart #navbar,
    .easeOutQuart #content-container,
    .easeOutQuart #mainnav-container,
    .easeOutQuart #aside-container,
    .easeOutQuart #footer,
    .easeOutQuart .collapsing,
    .easeOutQuart .navbar-brand,
    .easeOutQuart .navbar-content,
    .easeOutQuart .navbar-header:before {
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.015, 0.77, 0.04, 0.985)
    }

    .easeInBack #navbar,
    .easeInBack #content-container,
    .easeInBack #mainnav-container,
    .easeInBack #aside-container,
    .easeInBack #footer,
    .easeInBack .collapsing,
    .easeInBack .navbar-brand,
    .easeInBack .navbar-content,
    .easeInBack .navbar-header:before {
        transition-duration: .35s;
        transition-timing-function: cubic-bezier(0.705, -0.155, 0.735, 0.045)
    }

    .easeOutBack #navbar,
    .easeOutBack #content-container,
    .easeOutBack #mainnav-container,
    .easeOutBack #aside-container,
    .easeOutBack #footer,
    .easeOutBack .collapsing,
    .easeOutBack .navbar-brand,
    .easeOutBack .navbar-content,
    .easeOutBack .navbar-header:before {
        transition-duration: .35s;
        transition-timing-function: cubic-bezier(0.28, 1.02, 0.36, 1.145)
    }

    .easeInOutBack #navbar,
    .easeInOutBack #content-container,
    .easeInOutBack #mainnav-container,
    .easeInOutBack #aside-container,
    .easeInOutBack #footer,
    .easeInOutBack .collapsing,
    .easeInOutBack .navbar-brand,
    .easeInOutBack .navbar-content,
    .easeInOutBack .navbar-header:before {
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(1, -0.28, 0, 1.275)
    }

    .steps #navbar,
    .steps #content-container,
    .steps #mainnav-container,
    .steps #aside-container,
    .steps #footer,
    .steps .collapsing,
    .steps .navbar-brand,
    .steps .navbar-content,
    .steps .navbar-header:before {
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0, 0.955, 1, 0.045)
    }

    .jumping #navbar,
    .jumping #content-container,
    .jumping #mainnav-container,
    .jumping #aside-container,
    .jumping #footer,
    .jumping .collapsing,
    .jumping .navbar-brand,
    .jumping .navbar-content,
    .jumping .navbar-header:before {
        transition-duration: .7s;
        transition-timing-function: cubic-bezier(0.135, 1.525, 0, 0.9)
    }

    .rubber #navbar,
    .rubber #content-container,
    .rubber #mainnav-container,
    .rubber #aside-container,
    .rubber #footer,
    .rubber .collapsing,
    .rubber .navbar-brand,
    .rubber .navbar-content,
    .rubber .navbar-header:before {
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0, 1.65, 1, -0.6)
    }
}

.open.mega-dropdown {
    position: static
}

    .open.mega-dropdown > .mega-dropdown-toggle:before,
    .open.mega-dropdown > .mega-dropdown-toggle:after {
        content: "";
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        display: block;
        height: 0;
        position: absolute;
        width: 0
    }

    .open.mega-dropdown > .mega-dropdown-toggle:before {
        border-bottom: 7px solid #d0d0d0;
        margin: -8px 0 0 0;
        bottom: -10px
    }

    .open.mega-dropdown > .mega-dropdown-toggle:after {
        border-bottom: 7px solid #fff;
        margin: -7px 0 0 0;
        bottom: -11px;
        z-index: 10000
    }

.navbar-top-links > .mega-dropdown > .dropdown-menu.mega-dropdown-menu {
    left: 5px;
    right: 5px;
    max-width: 1250px
}

.dropdown-menu.mega-dropdown-menu {
    padding: 15px
}

    .dropdown-menu.mega-dropdown-menu:after {
        content: '';
        display: table;
        clear: both
    }

    .dropdown-menu.mega-dropdown-menu .list-unstyled .dropdown-header {
        font-size: 1.2em;
        font-weight: 600;
        padding: 10px 4px
    }

    .dropdown-menu.mega-dropdown-menu .list-unstyled li a {
        display: block;
        padding: 4px;
        background-color: transparent
    }

        .dropdown-menu.mega-dropdown-menu .list-unstyled li a:not(.disabled-link):hover {
            background-color: rgba(0, 0, 0, 0.05)
        }

#container .invoice-logo > .media-left,
#container .invoice-logo > .media-body {
    display: table-cell;
    float: none;
    vertical-align: middle
}

#container .invoice-details {
    min-width: 200px
}

    #container .invoice-details td {
        padding: 2px 0
    }

#container .invoice-summary {
    border-bottom: 2px solid #d0d0d0
}

    #container .invoice-summary thead > tr > th {
        font-weight: 700;
        padding-bottom: 15px
    }

    #container .invoice-summary tbody > tr > td {
        vertical-align: middle
    }

        #container .invoice-summary tbody > tr > td > strong {
            display: block;
            font-weight: 600
        }

        #container .invoice-summary tbody > tr > td > small {
            color: #afb9c3
        }

    #container .invoice-summary .min-col {
        width: 10%;
        min-width: 100px
    }

    #container .invoice-summary th,
    #container .invoice-total th,
    #container .invoice-summary td,
    #container .invoice-total td {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

#container .invoice-total {
    width: 30%;
    max-width: 320px;
    float: right
}

    #container .invoice-total > tbody > tr:first-child > td {
        border: 0 !important
    }

    #container .invoice-total > tbody > tr td {
        text-align: right
    }

        #container .invoice-total > tbody > tr td:last-child {
            width: 200px
        }

@media print {
    #container .invoice-total {
        width: auto
    }
}

.widget-header {
    padding: 15px 15px 50px 15px;
    min-height: 125px;
    position: relative;
    overflow: hidden
}

.widget-bg {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%
}

.widget-title {
    position: relative
}

.widget-body {
    padding: 50px 15px 15px;
    position: relative
}

.widget-img {
    position: absolute;
    width: 64px;
    height: 64px;
    left: 50%;
    margin-left: -32px;
    top: -32px
}

.speech {
    position: relative;
    background: #b7dcfe;
    color: #317787;
    display: inline-block;
    border-radius: 0;
    padding: 12px 20px
}

    .speech .media-heading {
        color: #317787;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
        padding-bottom: 5px;
        font-weight: 600
    }

        .speech .media-heading:hover {
            text-decoration: underline
        }

.speech-time {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: .8em
}

.speech-right {
    text-align: right
}

    .speech-right > .speech {
        background: #ffda87;
        color: #a07617;
        text-align: right
    }

        .speech-right > .speech .media-heading {
            color: #a07617
        }

        .speech-right > .speech:before {
            left: auto;
            right: 0;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 7px solid #ffdc91;
            border-right: 0;
            margin: 15px -6px 0 0
        }

.speech:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #b7dcfe;
    margin: 15px 0 0 -6px
}

.timeline {
    position: relative;
    padding-bottom: 40px;
    background-color: #ecf0f5;
    color: #758697
}

    .timeline:before,
    .timeline:after {
        background-color: #bec6ce;
        bottom: 20px;
        content: "";
        display: block;
        position: absolute
    }

    .timeline:before {
        left: 49px;
        top: 20px;
        width: 1px
    }

    .timeline:after {
        left: 46px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        border: 1px solid #bec6ce;
        background-color: #ecf0f5
    }

.timeline-header {
    border-radius: 0;
    clear: both;
    margin-bottom: 50px;
    margin-top: 50px;
    position: relative
}

    .timeline-header .timeline-header-title {
        display: inline-block;
        text-align: center;
        padding: 7px 15px;
        min-width: 100px
    }

.timeline .timeline-header:first-child {
    margin-bottom: 30px;
    margin-top: 15px
}

.timeline-stat {
    width: 100px;
    float: left;
    text-align: center;
    padding-bottom: 15px
}

.timeline-entry {
    margin-bottom: 25px;
    margin-top: 5px;
    position: relative;
    clear: both
}

.timeline-entry-inner {
    position: relative
}

.timeline-time {
    display: inline-block;
    padding: 2px 3px;
    background-color: #ecf0f5;
    color: #758697;
    font-size: .85em;
    max-width: 70px
}

.timeline-icon {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    margin-top: 5px;
    background-color: #ecf0f5
}

    .timeline-icon > i {
        line-height: 40px;
        vertical-align: .1em
    }

    .timeline-icon img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        vertical-align: top
    }

    .timeline-icon:empty {
        height: 12px;
        width: 12px;
        margin-top: 20px;
        border: 2px solid #bec6ce
    }

.timeline-label {
    background-color: #fff;
    border-radius: 0;
    margin-left: 85px;
    padding: 15px;
    position: relative;
    min-height: 50px;
    border: 1px solid #e7ecf3;
    border-bottom: 1px solid rgba(0, 0, 0, 0.17)
}

    .timeline-label:before,
    .timeline-label:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        top: 0
    }

    .timeline-label:before {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #e6e6e6;
        margin: 15px 0 0 -10px
    }

    .timeline-label:after {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-right: 9px solid #fff;
        margin: 15px 0 0 -8px
    }

.panel .timeline,
.panel .timeline:after,
.panel .timeline-time,
.panel .timeline-label,
.panel .timeline-icon:not([class^="bg-"]):not([class*=" bg-"]) {
    background-color: #fff
}

.panel .timeline-label {
    box-shadow: none;
    border: 0;
    background-color: #f3f5f9;
    margin-left: 100px
}

    .panel .timeline-label:before {
        display: none;
        border-right-color: #e3e3e3
    }

    .panel .timeline-label:after {
        border-right-color: #f3f5f9
    }

@media(min-width:768px) {
    .two-column.timeline {
        text-align: center
    }

        .two-column.timeline:before {
            left: 50%
        }

        .two-column.timeline:after {
            left: 50%;
            margin-left: -2px
        }

        .two-column.timeline .timeline-entry {
            width: 50%;
            text-align: left
        }

        .two-column.timeline .timeline-stat {
            margin-left: -50px
        }

        .two-column.timeline .timeline-entry:nth-child(odd) {
            float: right
        }

            .two-column.timeline .timeline-entry:nth-child(odd) .timeline-label {
                margin-left: 40px
            }

        .two-column.timeline .timeline-header {
            text-align: center
        }

        .two-column.timeline .timeline-entry:nth-child(even) {
            float: left
        }

            .two-column.timeline .timeline-entry:nth-child(even) .timeline-stat {
                left: 100%;
                position: relative;
                margin-left: -50px
            }

            .two-column.timeline .timeline-entry:nth-child(even) .timeline-label {
                left: -90px;
                margin-right: -40px
            }

                .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:before,
                .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after {
                    left: auto;
                    right: 0;
                    border-right: 0 solid transparent
                }

                .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:before {
                    border-top: 10px solid transparent;
                    border-bottom: 10px solid transparent;
                    border-left: 10px solid #e6e6e6;
                    margin: 15px -10px 0 0
                }

                .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after {
                    border-top: 9px solid transparent;
                    border-bottom: 9px solid transparent;
                    border-left: 9px solid #fff;
                    margin: 15px -8px 0 0
                }
}

.tag:not(.label) {
    background-color: #fff;
    font-size: .9em;
    padding: 5px 10px;
    border-radius: 0;
    border: 1px solid #d1d9de;
    line-height: 1.42857;
    vertical-align: middle;
    -webkit-transition: all .15s;
    transition: all .15s;
    margin-bottom: 4px
}

    .tag:not(.label) i {
        vertical-align: middle
    }

.tag.tag-lg,
.btn-group-lg > .tag {
    padding: 10px 16px
}

.tag.tag-sm,
.btn-group-sm > .tag {
    padding: 4px 7px
}

.tag.tag-xs,
.btn-group-xs > .tag {
    padding: 1px 5px
}

.mail-nav > li > a {
    border-radius: 0
}

    .mail-nav > li > a:hover,
    .mail-nav > li > a:focus {
        background-color: transparent
    }

.mail-nav > li.active > a,
.mail-nav > li.active > a:hover,
.mail-nav > li.active > a:focus {
    background-color: rgba(0, 0, 0, 0.07);
    color: inherit;
    font-weight: 600
}

.mail-list {
    list-style: none;
    padding: 0
}

    .mail-list > li {
        position: relative;
        padding: 12px;
        border-radius: 1px
    }

        .mail-list > li:after {
            content: '';
            display: table;
            clear: both
        }

.mail-list-unread a {
    font-weight: 700
}

.mail-control {
    float: left;
    width: 40px
}

.mail-star {
    position: absolute;
    top: 47px;
    margin-left: 1px
}

.mail-from {
    float: left;
    width: 105px
}

.mail-subject {
    margin: 2.3em 0 0 40px
}

    .mail-subject .label {
        margin-right: .5em;
        vertical-align: middle;
        line-height: 2
    }

.mail-list .mail-from a,
.mail-list .mail-subject a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mail-attach-icon {
    width: 35px;
    float: right;
    text-align: center
}

.mail-time {
    float: right;
    color: #afb9c3;
    font-size: 85%;
    text-align: right
}

.mail-toggle.navbar-toggle {
    display: block
}

@media(min-width:992px) {
    .mail-nav {
        width: 255px
    }

    .mail-menu {
        display: block !important
    }

    .mail-control,
    .mail-star {
        float: left;
        width: 40px
    }

    .mail-from {
        width: 175px
    }

    .mail-attach-icon {
        width: 35px;
        float: right;
        text-align: right
    }

    .mail-time {
        width: 75px
    }

    .mail-subject {
        overflow: hidden;
        margin: 0 20px 0 0
    }
}

@media(min-width:470px) {
    .mail-star {
        position: static;
        float: left;
        width: 35px
    }

    .mail-from {
        width: 175px;
        margin-right: 20px
    }

    .mail-subject {
        display: block;
        padding-right: 50px
    }
}

.mail-list > li:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.04)
}

.mail-list > li:hover {
    background-color: rgba(0, 0, 0, 0.075)
}

.mail-list > li.highlight {
    background-color: #f2f0c2
}

.mail-list a,
.mail-list a:focus {
    display: inline-block;
    color: #758697
}

.mail-star i {
    font-size: 1em;
    line-height: .4
}

.mail-star > a,
.mail-star > a:focus {
    color: #d3d7da
}

.mail-starred .mail-star > a {
    color: #ffa100
}

.mail-list .mail-star > a:hover {
    color: #ffbd4d
}

.mail-attach-list {
    list-style: none;
    padding: 0
}

    .mail-attach-list > li {
        display: inline-block;
        width: 195px
    }

        .mail-attach-list > li .mail-file-img,
        .mail-attach-list > li .mail-file-icon {
            height: 120px;
            overflow: hidden;
            text-align: center;
            background-color: #f5f6f8
        }

        .mail-attach-list > li i {
            font-size: 75px;
            line-height: 120px;
            opacity: .4
        }

        .mail-attach-list > li img {
            max-width: 210px;
            height: auto
        }

.mail-attach-label {
    min-width: 5em
}

.mail-attach-file {
    overflow: hidden
}

.mail-attach-btn {
    float: right
}

@media(min-width:1200px) {
    .mail-attach-label {
        float: left
    }
}

.mail-message-reply {
    min-height: 150px;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    padding: 10px 15px;
    cursor: pointer
}

.wz-nav-off > li a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default !important
}

.wz-icon-inline li > a .icon-wrap {
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: inherit
}

.wz-icon-bw li > a .icon-wrap,
.wz-icon-bw li > a p {
    transition: all .5s
}

.wz-icon-bw li.active ~ li > a .icon-wrap {
    color: #758697;
    background-color: rgba(0, 0, 0, 0.17);
    transition: all .5s
}

.wz-icon-bw li:not(.active) > a p {
    color: #758697 !important;
    transition: all .5s
}

.wz-classic {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    position: relative
}

    .wz-classic li,
    .wz-steps li {
        transition: all .5s
    }

        .wz-classic li > a {
            color: inherit;
            display: block;
            text-align: center;
            padding: 20px 0
        }

            .wz-classic li > a .icon-wrap {
                display: inline-block;
                line-height: 1;
                text-align: center;
                white-space: nowrap;
                vertical-align: middle;
                color: inherit
            }

    .wz-classic:after,
    .wz-steps:after {
        content: '';
        display: table;
        clear: both
    }

    .wz-classic .active ~ li {
        color: inherit;
        background-color: inherit
    }

        .wz-classic .active ~ li a {
            opacity: .5
        }

.wz-heading {
    position: relative
}

    .wz-heading .progress {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        background-color: transparent
    }

    .wz-heading.wz-w-label .progress {
        margin-top: -0.5em
    }

.wz-steps {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    display: block;
    position: relative
}

    .wz-steps li > a {
        color: inherit;
        display: block;
        text-align: center;
        padding: 0
    }

        .wz-steps li > a .icon-wrap {
            display: inline-block;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle
        }

    .wz-steps li .wz-desc {
        opacity: 0;
        transition: opacity .5s
    }

    .wz-steps li:not(.active) .wz-icon {
        display: none
    }

    .wz-steps .active ~ li {
        color: inherit
    }

        .wz-steps .active ~ li a {
            opacity: .5
        }

        .wz-steps .active ~ li .wz-icon {
            display: inline-block
        }

        .wz-steps .active .wz-icon-done,
        .wz-steps .active ~ li .wz-icon-done {
            display: none
        }

    .wz-steps .active .wz-desc {
        opacity: 1;
        transition: opacity .5s
    }

.scroll-top {
    display: none
}

    .scroll-top.in {
        display: block;
        background-color: #42a5f5;
        color: #fff;
        cursor: pointer;
        position: fixed;
        bottom: 45px;
        right: 15px;
        z-index: 999;
        opacity: 1;
        padding: 10px;
        font-size: 1.5em;
        border-radius: 100%;
        box-shadow: none;
        transition: all .15s
    }

        .scroll-top.in:hover {
            opacity: 1;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
            transform: scale(1.1);
            transition: all .15s
        }

        .scroll-top.in:active {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
            transform: scale(1.05);
            transition: all .15s
        }

        .scroll-top.in > i {
            display: block;
            width: 1em;
            height: 1em;
            line-height: 1.1em
        }

.panel-overlay-wrap {
    position: relative
}

.panel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.75);
    text-align: center;
    z-index: 795
}

    .panel-overlay:before {
        content: "";
        display: inline-block;
        height: 100%;
        width: 1px;
        vertical-align: middle;
        margin-left: -5px
    }

.panel-overlay-title {
    margin: 10px 0 5px
}

.panel-overlay-icon {
    display: inline-block;
    vertical-align: middle
}

.panel-overlay-content {
    display: inline-block;
    vertical-align: middle
}

.lang-flag {
    display: inline-block;
    padding: 3px 5px 3px 0
}

.lang-selected > .lang-flag {
    padding: 0
}

.lang-id {
    font-weight: 600
}

.lang-id,
.lang-name {
    display: none;
    vertical-align: middle
}

.lang-selector .lang-id {
    display: inline-block
}

.lang-selector + .dropdown-menu .lang-name {
    display: inline-block
}

.lang-selector + .dropdown-menu a {
    padding: 10px !important
}

.lang-selector + .dropdown-menu .active {
    display: none
}

@media(min-width:992px) {
    .lang-id,
    .lang-selector .lang-id {
        display: none
    }
}

.alert-wrap {
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height .7s linear
}

    .alert-wrap > .alert {
        margin: 0;
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
        border-radius: 0;
        text-align: left
    }

        .alert-wrap > .alert > .media {
            margin: 0
        }

            .alert-wrap > .alert > .media > .media-body {
                min-width: 150px;
                width: auto;
                vertical-align: middle
            }

#page-alert > .alert-wrap > .alert {
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.04)
}

.alert-wrap.in {
    max-height: 500px;
    transition: max-height 1s linear
}

.floating-container .animated.alert-wrap {
    overflow: visible
}

    .floating-container .animated.alert-wrap > .alert {
        border-radius: 0
    }

.alert-message,
.alert-title {
    margin-bottom: 1px;
    padding-right: 2ex
}

.alert-title {
    font-size: 1.12em
}

    .alert-title:empty {
        display: none
    }

.alert-primary .alert-icon {
    color: #fff
}

.alert-info .alert-icon {
    color: #fff
}

.alert-success .alert-icon {
    color: #fff
}

.alert-warning .alert-icon {
    color: #fff
}

.alert-danger .alert-icon {
    color: #fff
}

.alert-mint .alert-icon {
    color: #fff
}

.alert-purple .alert-icon {
    color: #fff
}

.alert-pink .alert-icon {
    color: #fff
}

.alert-dark .alert-icon {
    color: #fff
}

#floating-top-right {
    position: fixed;
    text-align: right;
    top: 7px;
    right: 7px;
    left: 7px;
    z-index: 15
}

    #floating-top-right .alert-wrap {
        display: inline-block;
        clear: right;
        float: right;
        margin-bottom: 5px;
        position: relative;
        opacity: 1;
        z-index: 990
    }

@media(min-width:768px) {
    #floating-top-right {
        left: auto;
        max-width: 727px
    }
}

@media(min-width:992px) {
    #floating-top-right {
        left: auto;
        max-width: 50%
    }
}

@media(min-width:1200px) {
    #floating-top-right {
        left: auto;
        max-width: 35%
    }
}


@-webkit-keyframes fadeOut {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.jellyIn {
    -webkit-animation: jellyIn .7s linear both;
    animation: jellyIn .7s linear both
}

@-webkit-keyframes jellyIn {
    0 {
        -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    4.761905% {
        -webkit-transform: matrix3d(0.82739, 0, 0, 0, 0, 0.86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.82739, 0, 0, 0, 0, 0.86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    9.52381% {
        -webkit-transform: matrix3d(0.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    14.285714% {
        -webkit-transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    19.047619% {
        -webkit-transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    23.809524% {
        -webkit-transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    28.571429% {
        -webkit-transform: matrix3d(1.03082, 0, 0, 0, 0, 0.97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.03082, 0, 0, 0, 0, 0.97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    33.333333% {
        -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    38.095238% {
        -webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 0.98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99876, 0, 0, 0, 0, 0.98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    42.857143% {
        -webkit-transform: matrix3d(0.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    47.619048% {
        -webkit-transform: matrix3d(0.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    52.380952% {
        -webkit-transform: matrix3d(0.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    57.142857% {
        -webkit-transform: matrix3d(0.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    61.904762% {
        -webkit-transform: matrix3d(0.9998, 0, 0, 0, 0, 0.99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.9998, 0, 0, 0, 0, 0.99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    66.666667% {
        -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    71.428571% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    76.190476% {
        -webkit-transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    80.952381% {
        -webkit-transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    85.714286% {
        -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    90.47619% {
        -webkit-transform: matrix3d(0.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    95.238095% {
        -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@keyframes jellyIn {
    0 {
        -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    4.761905% {
        -webkit-transform: matrix3d(0.82739, 0, 0, 0, 0, 0.86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.82739, 0, 0, 0, 0, 0.86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    9.52381% {
        -webkit-transform: matrix3d(0.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    14.285714% {
        -webkit-transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    19.047619% {
        -webkit-transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    23.809524% {
        -webkit-transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    28.571429% {
        -webkit-transform: matrix3d(1.03082, 0, 0, 0, 0, 0.97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.03082, 0, 0, 0, 0, 0.97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    33.333333% {
        -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    38.095238% {
        -webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 0.98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99876, 0, 0, 0, 0, 0.98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    42.857143% {
        -webkit-transform: matrix3d(0.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    47.619048% {
        -webkit-transform: matrix3d(0.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    52.380952% {
        -webkit-transform: matrix3d(0.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    57.142857% {
        -webkit-transform: matrix3d(0.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    61.904762% {
        -webkit-transform: matrix3d(0.9998, 0, 0, 0, 0, 0.99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.9998, 0, 0, 0, 0, 0.99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    66.666667% {
        -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    71.428571% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    76.190476% {
        -webkit-transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    80.952381% {
        -webkit-transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    85.714286% {
        -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    90.47619% {
        -webkit-transform: matrix3d(0.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    95.238095% {
        -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

.form-checkbox:not(.btn),
.form-radio:not(.btn) {
    display: inline-block;
    background-color: transparent;
    border: 0;
    position: relative;
    padding: 3px;
    line-height: 1em;
    min-width: 19px;
    margin: 0
}

.input-group-addon > .form-checkbox,
.input-group-addon > .form-radio {
    margin-bottom: 5px
}

.form-text.form-checkbox:not(.btn),
.form-text.form-radio:not(.btn) {
    padding-left: 25.5px
}

.form-checkbox > input[type="checkbox"],
.form-radio > input[type="radio"] {
    margin-left: -50px;
    opacity: 0;
    position: absolute !important;
    z-index: -1
}

#container.show-form .form-checkbox > input[type="checkbox"],
#container.show-form .form-radio > input[type="radio"] {
    margin-top: -0.1em;
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.form-checkbox:hover,
.form-radio:hover {
    cursor: pointer
}

fieldset[disabled] .form-checkbox:hover,
fieldset[disabled] .form-radio:hover {
    cursor: no-drop
}

fieldset[disabled] .form-checkbox,
fieldset[disabled] .form-radio,
.form-checkbox.disabled,
.form-radio.disabled {
    opacity: .5;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

    .form-checkbox.disabled::selection,
    .form-radio.disabled::selection {
        background: transparent
    }

    .form-checkbox.disabled::-moz-selection,
    .form-radio.disabled::-moz-selection {
        background: transparent
    }

.form-checkbox.form-normal:before,
.form-radio.form-normal:before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 1px solid #c8d1d8;
    border-radius: 0;
    left: 0;
    top: 50%;
    margin-top: -9px
}

.form-radio.form-normal:before {
    background-color: transparent
}

.has-success .form-checkbox {
    color: #24692f
}

    .has-success .form-checkbox.form-normal:before,
    .has-success .form-checkbox.form-normal:not(.disabled):hover:before,
    .has-success .form-radio.form-normal:before,
    .has-success .form-radio.form-normal:not(.disabled):hover:before {
        background-color: transparent;
        border-color: #71a436
    }

#container .has-success .form-radio.form-normal.active:before {
    background-color: #71a436;
    border-color: #71a436
}

.has-warning .form-checkbox {
    color: #f29000
}

    .has-warning .form-checkbox.form-normal:before,
    .has-warning .form-checkbox.form-normal:not(.disabled):hover:before,
    .has-warning .form-radio.form-normal:before,
    .has-warning .form-radio.form-normal:not(.disabled):hover:before {
        background-color: transparent;
        border-color: #f29000
    }

#container .has-warning .form-radio.form-normal:before {
    background-color: #f29000;
    border-color: #f29000
}

.has-error .form-checkbox {
    color: #eb2521
}

    .has-error .form-checkbox.form-normal:before,
    .has-error .form-checkbox.form-normal:not(.disabled):hover:before,
    .has-error .form-radio.form-normal:before,
    .has-error .form-radio.form-normal:not(.disabled):hover:before {
        background-color: transparent;
        border-color: #eb2521
    }

#container .has-error .form-radio.form-normal.active:before {
    background-color: #eb2521;
    border-color: #eb2521
}

.form-radio.form-normal:before {
    border-radius: 50%
}

fieldset:not([disabled]) .form-checkbox.form-normal:not(.disabled):hover:after,
fieldset:not([disabled]) .form-checkbox.form-normal.active:after,
.form-checkbox.form-normal:not(.disabled):hover:after,
.form-checkbox.form-normal.active:after {
    content: '';
    position: absolute;
    height: 6px;
    width: 11px;
    left: 3px;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2.5px solid #515151;
    border-left: 2.5px solid #515151
}

fieldset:not([disabled]) .has-success .form-checkbox.form-normal:not(.disabled):hover:after,
fieldset:not([disabled]) .has-success .form-checkbox.form-normal.active:after,
.has-success .form-checkbox.form-normal:not(.disabled):hover:after,
.has-success .form-checkbox.form-normal.active:after {
    border-color: #24692f
}

fieldset:not([disabled]) .has-warning .form-checkbox.form-normal:not(.disabled):hover:after,
fieldset:not([disabled]) .has-warning .form-checkbox.form-normal.active:after,
.has-warning .form-checkbox.form-normal:not(.disabled):hover:after,
.has-warning .form-checkbox.form-normal.active:after {
    border-color: #f0a238
}

fieldset:not([disabled]) .has-error .form-checkbox.form-normal:not(.disabled):hover:after,
fieldset:not([disabled]) .has-error .form-checkbox.form-normal.active:after,
.has-error .form-checkbox.form-normal:not(.disabled):hover:after,
.has-error .form-checkbox.form-normal.active:after {
    border-color: #e33a4b
}

fieldset:not([disabled]) .form-radio.form-normal:not(.disabled):hover:after,
fieldset:not([disabled]) .form-radio.form-normal.active:after,
.form-radio.form-normal:not(.disabled):hover:after,
.form-radio.form-normal.active:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #515151;
    border-radius: 50%;
    left: 4px;
    bottom: 50%;
    margin-bottom: -3px
}

fieldset:not([disabled]) .has-success .form-radio.form-normal:not(.disabled):not(.active):hover:after,
fieldset:not([disabled]) .has-success .form-radio.form-normal.active:after,
.has-success .form-radio.form-normal:not(.disabled):not(.active):hover:after,
.has-success .form-radio.form-normal.active:after {
    background-color: #71a436
}

fieldset:not([disabled]) .has-warning .form-radio.form-normal:not(.disabled):not(.active):hover:after,
fieldset:not([disabled]) .has-warning .form-radio.form-normal.active:after,
.has-warning .form-radio.form-normal:not(.disabled):not(.active):hover:after,
.has-warning .form-radio.form-normal.active:after {
    background-color: #f29000
}

fieldset:not([disabled]) .has-error .form-radio.form-normal:not(.disabled):not(.active):hover:after,
fieldset:not([disabled]) .has-error .form-radio.form-normal.active:after,
.has-error .form-radio.form-normal:not(.disabled):not(.active):hover:after,
.has-error .form-radio.form-normal.active:after {
    background-color: #eb2521
}

.form-checkbox.form-normal:not(.active):hover:after,
.form-radio.form-normal:not(.active):hover:after {
    opacity: .3
}

.form-checkbox.form-normal.form-primary.active:after,
.form-checkbox.form-normal.form-info.active:after,
.form-checkbox.form-normal.form-success.active:after,
.form-checkbox.form-normal.form-warning.active:after,
.form-checkbox.form-normal.form-danger.active:after,
.form-checkbox.form-normal.form-mint.active:after,
.form-checkbox.form-normal.form-purple.active:after,
.form-checkbox.form-normal.form-pink.active:after,
.form-checkbox.form-normal.form-dark.active:after {
    border-color: #fff
}

.form-checkbox.form-normal:not(.disabled):hover:before,
.form-radio.form-normal:not(.disabled):hover:before {
    border-color: #42a5f5
}

.form-checkbox.form-normal.active:after {
    border-color: #404449
}

.form-checkbox.form-normal.form-primary:hover:before,
.form-radio.form-normal.form-primary.active:before,
.form-checkbox.form-normal.form-primary:not(.active):hover:after {
    border-color: #489eed
}

.form-checkbox.form-normal.form-primary.active:before,
.form-radio.form-normal.form-primary.active:after {
    background-color: #42a5f5;
    border-color: #42a5f5
}

.form-checkbox.form-normal.form-info:hover:before,
.form-radio.form-normal.form-info.active:before,
.form-checkbox.form-normal.form-info:not(.active):hover:after {
    border-color: #00bcd4
}

.form-checkbox.form-normal.form-info.active:before,
.form-radio.form-normal.form-info.active:after {
    background-color: #00bcd4;
    border-color: #00bcd4
}

.form-checkbox.form-normal.form-success:hover:before,
.form-radio.form-normal.form-success.active:before,
.form-checkbox.form-normal.form-success:not(.active):hover:after {
    border-color: #8bc34a
}

.form-checkbox.form-normal.form-success.active:before,
.form-radio.form-normal.form-success.active:after {
    background-color: #8bc34a;
    border-color: #8bc34a
}

.form-checkbox.form-normal.form-warning:hover:before,
.form-radio.form-normal.form-warning.active:before,
.form-checkbox.form-normal.form-warning:not(.active):hover:after {
    border-color: #ffa726
}

.form-checkbox.form-normal.form-warning.active:before,
.form-radio.form-normal.form-warning.active:after {
    background-color: #ffa726;
    border-color: #ffa726
}

.form-checkbox.form-normal.form-danger:hover:before,
.form-radio.form-normal.form-danger.active:before,
.form-checkbox.form-normal.form-danger:not(.active):hover:after {
    border-color: #ef5350
}

.form-checkbox.form-normal.form-danger.active:before,
.form-radio.form-normal.form-danger.active:after {
    background-color: #ef5350;
    border-color: #ef5350
}

.form-checkbox.form-normal.form-mint:hover:before,
.form-radio.form-normal.form-mint.active:before,
.form-checkbox.form-normal.form-mint:not(.active):hover:after {
    border-color: #26a69a
}

.form-checkbox.form-normal.form-mint.active:before,
.form-radio.form-normal.form-mint.active:after {
    background-color: #26a69a;
    border-color: #26a69a
}

.form-checkbox.form-normal.form-purple:hover:before,
.form-radio.form-normal.form-purple.active:before,
.form-checkbox.form-normal.form-purple:not(.active):hover:after {
    border-color: #ba68c8
}

.form-checkbox.form-normal.form-purple.active:before,
.form-radio.form-normal.form-purple.active:after {
    background-color: #ba68c8;
    border-color: #ba68c8
}

.form-checkbox.form-normal.form-pink:hover:before,
.form-radio.form-normal.form-pink.active:before,
.form-checkbox.form-normal.form-pink:not(.active):hover:after {
    border-color: #ec407a
}

.form-checkbox.form-normal.form-pink.active:before,
.form-radio.form-normal.form-pink.active:after {
    background-color: #ec407a;
    border-color: #ec407a
}

.form-checkbox.form-normal.form-dark:hover:before,
.form-radio.form-normal.form-dark.active:before,
.form-checkbox.form-normal.form-dark:not(.active):hover:after {
    border-color: #263238
}

.form-checkbox.form-normal.form-dark.active:before,
.form-radio.form-normal.form-dark.active:after {
    background-color: #263238;
    border-color: #263238
}

.form-inline .form-checkbox,
.form-inline .form-radio {
    padding-right: 15px
}

.form-checkbox.form-icon:after,
.form-radio.form-icon:after {
    content: "\f096";
    color: inherit;
    font-size: 19px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    left: .1em;
    top: 50%;
    margin-top: -0.44em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.input-group .form-checkbox:after,
.input-group .form-radio:after {
    left: 1px
}

.input-group .form-checkbox,
.input-group .form-radio {
    padding: 0
}

.form-checkbox.active.form-icon:after {
    content: "\f046"
}

.form-radio.form-icon:after {
    content: "\f10c"
}

.form-radio.form-icon.active:after {
    content: "\f192"
}

.form-checkbox.form-icon.form-primary:after,
.form-radio.form-icon.form-primary:after {
    color: #42a5f5
}

.form-checkbox.form-icon.form-info:after,
.form-radio.form-icon.form-info:after {
    color: #00bcd4
}

.form-checkbox.form-icon.form-success:after,
.form-radio.form-icon.form-success:after {
    color: #8bc34a
}

.form-checkbox.form-icon.form-warning:after,
.form-radio.form-icon.form-warning:after {
    color: #ffa726
}

.form-checkbox.form-icon.form-danger:after,
.form-radio.form-icon.form-danger:after {
    color: #ef5350
}

.form-checkbox.form-icon.form-mint:after,
.form-radio.form-icon.form-mint:after {
    color: #26a69a
}

.form-checkbox.form-icon.form-purple:after,
.form-radio.form-icon.form-purple:after {
    color: #ba68c8
}

.form-checkbox.form-icon.form-pink:after,
.form-radio.form-icon.form-pink:after {
    color: #ec407a
}

.form-checkbox.form-icon.form-dark:after,
.form-radio.form-icon.form-dark:after {
    color: #263238
}

.form-checkbox.form-icon.btn,
.form-radio.form-icon.btn {
    position: relative;
    padding-left: 2.7em;
    margin-bottom: 12px
}

    .form-checkbox.form-icon.btn:active,
    .form-radio.form-icon.btn:active {
        margin-bottom: 12px
    }

    .form-checkbox.form-icon.btn.form-no-label,
    .form-radio.form-icon.btn.form-no-label {
        padding-left: 0;
        padding-right: 0;
        min-height: 2.5em;
        min-width: 2.85em
    }

    .form-checkbox.form-icon.btn:after,
    .form-radio.form-icon.btn:after {
        margin-top: -0.46em;
        left: .45em
    }

.form-icon.btn.btn-primary:after,
.form-icon.btn.btn-info:after,
.form-icon.btn.btn-success:after,
.form-icon.btn.btn-warning:after,
.form-icon.btn.btn-danger:after,
.form-icon.btn.btn-mint:after,
.form-icon.btn.btn-purple:after,
.form-icon.btn.btn-pink:after,
.form-icon.btn.btn-dark:after {
    color: #fff
}

.form-checkbox.form-icon.btn.btn-labeled,
.form-radio.form-icon.btn.btn-labeled {
    padding-left: 3em
}

    .form-checkbox.form-icon.btn.btn-labeled:before,
    .form-radio.form-icon.btn.btn-labeled:before {
        content: '';
        position: absolute;
        display: inline-block;
        margin-left: 0;
        width: 2.7em;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.15)
    }

.checkbox.form-block {
    padding-top: 4px
}

.form-radio.form-block,
.form-radio.form-block:active,
.form-checkbox.form-block,
.form-checkbox.form-block:active,
.form-block > .form-radio,
.form-block > .form-radio:active,
.form-block > .form-checkbox,
.form-block .form-checkbox:active {
    width: 100%;
    margin: 5px 0
}

.form-checkbox > input[type="checkbox"],
.form-radio > input[type="radio"] {
    visibility: visible !important
}



.toggle-switch {
    display: none
}

    .toggle-switch + label {
        display: inline-block;
        position: relative;
        height: 16px;
        max-height: 1em;
        cursor: pointer;
        -webkit-touch-callout: none;
        margin-right: 0;
        margin-bottom: 0;
        padding-left: 40px;
        line-height: 16px
    }

        .toggle-switch + label:empty {
            padding-left: 30px
        }

        .toggle-switch + label:before {
            position: absolute;
            display: inline-block;
            left: 0;
            content: '';
            border-style: solid;
            width: 30px;
            height: 20px;
            border-width: 0;
            border-color: transparent;
            background-color: #E4E4E4;
            border: 1px solid #D4D4D4;
            box-shadow: 0;
            border-radius: 100px;
            transition: all .3s
        }

        .toggle-switch + label:after {
            position: absolute;
            content: '';
            width: 20px;
            height: 20px;
            top: 0px;
            left: 0px;
            background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
            border-radius: 16px;
            transition: left .3s, right .3s;
            border: 1px solid #D4D4D4;
        }

    .toggle-switch:checked + label:before {
        background-color: #E4E4E4;
        transition: all .3s
    }

    .toggle-switch:checked + label:after {
        left: 10px;
        transition: left .3s, right .3s;
        background: linear-gradient(180deg, #00B77C 0%, #008E61 49%, #008E61 100%);
        border: 1px solid #235545;
    }

    .toggle-switch:disabled + label {
        cursor: no-drop
    }

        .toggle-switch:disabled + label:before {
            opacity: .3
        }

.preload .toggle-switch + *,
.preload .toggle-switch + *:before,
.preload .toggle-switch + *:after {
    transition: 0 !important
}

.form-group .toggle-switch + *,
.form-group .toggle-switch + *:before,
.form-group .toggle-switch + *:after {
    margin-top: 5px !important
}

.select {
    position: relative;
    display: inline-block
}

    .select:before {
        content: '';
        border-style: solid;
        border-width: 7px 5px 0 5px;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-top-color: #afb9c3;
        display: inline-block;
        height: 0;
        margin: 0 3px;
        vertical-align: middle;
        width: 0;
        position: absolute;
        right: .7em;
        top: 1em;
        z-index: 1
    }

    .select select {
        padding: 5px 2.5em 5px 10px;
        border: 1px solid #e9e9e9;
        border-radius: 0;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        outline: 0;
        background-color: #fff;
        color: inherit;
        font-size: 13px;
        line-height: 1.42857;
        vertical-align: middle;
        transition: border-color .5s
    }

        .select select:disabled {
            cursor: not-allowed;
            opacity: .65
        }

        .select select:focus {
            border-color: #42a5f5;
            transition: border-color .5s
        }

        .select select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #444
        }

        .select select::-ms-expand {
            display: none
        }

        .select select:disabled {
            opacity: .5;
            cursor: not-allowed
        }

    .select.select-xs > select {
        min-width: 100px
    }

    .select.select-sm > select {
        min-width: 200px
    }

    .select.select-md > select {
        min-width: 300px
    }

    .select.select-lg > select {
        min-width: 400px
    }

    .select.select-xl > select {
        min-width: 100%
    }

.pci-hor-dots,
.pci-ver-dots {
    height: 1.2em;
    width: .85em;
    display: block;
    position: relative
}

    .pci-hor-dots:before,
    .pci-ver-dots:before {
        content: '';
        height: .27em;
        width: .27em;
        background-color: #758697;
        display: block;
        position: absolute;
        top: 0;
        left: .25em;
        box-shadow: 0 .45em 0 #758697, 0 .9em 0 #758697
    }

.pci-hor-dots {
    transform: rotate(90deg)
}

.pci-cross:after,
.pci-cross:before {
    content: '';
    box-shadow: inset 0 0 0 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pci-cross:after {
    height: .8em;
    width: 2px
}

.pci-cross:before {
    width: .78em;
    height: 2px
}

.pci-cross {
    display: block;
    border: 1px solid;
    width: 1.3em;
    height: 1.3em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pci-circle {
    border-radius: 50%
}

.pci-chevron:before {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: .75em;
    position: relative;
    top: 0;
    left: 0;
    vertical-align: middle;
    width: .75em
}

.pci-chevron.chevron-up:before {
    transform: rotate(-45deg)
}

.pci-chevron.chevron-right:before {
    transform: rotate(45deg)
}

.pci-chevron.chevron-down:before {
    top: -0.5em;
    transform: rotate(135deg)
}

.pci-chevron.chevron-left:before {
    transform: rotate(-135deg)
}

.plan {
    text-align: center
}

    .plan .plan-title {
        font-size: 2em;
        font-weight: 100
    }

    .plan .plan-icon {
        font-size: 7em;
        color: rgba(0, 0, 0, 0.1)
    }

.list-todo .form-checkbox input:checked ~ span {
    text-decoration: line-through;
    opacity: .7
}

.list-todo input:checked ~ label > span {
    text-decoration: line-through;
    opacity: .7
}

.flot-full-content {
    min-height: 120px;
    margin: -8px;
    bottom: -8px
}

.pie-title-center {
    display: inline-block;
    position: relative;
    text-align: center
}

.pie-value {
    display: block;
    position: absolute;
    font-size: 14px;
    height: 40px;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -20px;
    line-height: 40px
}

.range-vertical {
    height: 135px
}

.collapse {
    display: none
}

.jumbotron {
    padding: 30px;
    background-color: #e2e8f0
}

.navbar-toggle .icon-bar {
    background-color: #aaa
}

.canvas-responsive {
    max-width: 100%
}

a {
    text-decoration: none;
    color: #758697;
    outline: 0
}

    a:hover,
    a:focus {
        text-decoration: none;
        color: #68798a;
        outline: 0 !important
    }

button,
button:focus {
    outline: 0 !important
}

code {
    background-color: #e7e3f2;
    color: red;
    padding: 2px 7px;
    border-radius: 2px;
    font-size: 97%
}

kbd {
    border-radius: 2px;
    box-shadow: none
}

legend {
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    border-color: #eee
}

mark,
.mark {
    background-color: #ffe3a2;
    color: #563c00;
    padding: .1em
}

.close {
    font-size: 15px
}

hr {
    border-color: #e9e9e9
}

.hr-wide {
    margin-left: -7.5px;
    margin-right: -7.5px
}

.hr-xs {
    margin: 5px 0
}

.hr-sm {
    margin: 10px 0
}

.new-section-xs {
    margin: 12px 0;
    min-height: 1px
}

.new-section-sm {
    margin: 25px 0;
    min-height: 1px
}

.new-section-md {
    margin: 50px 0;
    min-height: 1px
}

.new-section-lg {
    margin: 100px 0;
    min-height: 1px
}

.new-section-xl {
    margin: 150px 0;
    min-height: 1px
}

.row {
    margin: 0 -7.5px
}

[class^="col-"]:not(.pad-no) {
    padding-left: 3.5px;
    padding-right: 3.5px;
}

.media-block .media-left {
    display: block;
    float: left
}

.media-block .media-right {
    float: right
}

.media-block .media-body {
    display: block;
    overflow: hidden;
    width: auto
}

.media-block:after {
    content: '';
    display: table;
    clear: both
}

.middle .media-left,
.middle .media-right,
.middle .media-body {
    vertical-align: middle
}

.thumbnail {
    padding: 5px;
    border-radius: 0;
    border-color: #e9e9e9
}

    .thumbnail .caption {
        padding: 10px 0 5px;
        color: #758697
    }

    .thumbnail.selected {
        box-shadow: inset 0 0 0 3px #42a5f5
    }

#container .table thead th {
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    font-size: 13px;
    color: #397E68;
    font-weight: 700;
    font-family: Lato;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.25);
    padding: 10px 5px 8px 5px;
    text-transform: capitalize;
    position: relative;
}

#container .table td {
    color: #103227;
    vertical-align: baseline;
}

#container .table.table-vcenter th,
#container .table.table-vcenter td {
    vertical-align: middle
}

#container .table .min-width {
    width: 1%;
    white-space: nowrap;
    padding-left: 15px !important;
    padding-right: 15px !important
}

#container .table-bordered,
#container .table-bordered td {
    color: #103227;
    font-size: 13px;
    font-family: Lato;
    line-height: 16px;
}

    #container .table-bordered th {
        border: solid 1px #D4D4D4;
    }

#container .table-striped > tbody > tr:nth-child(2n+1) {
    background-color: #f8f9fa
}

#container .table-hover > tbody > tr:hover {
    background-color: #f2f4f6
}

#container tr:nth-child(even) {
    background-color: #f2f2f2;
}

.input-group-addon {
    background-color: transparent;
    border-radius: 0;
}

.nav-pills > li > a {
    border-radius: 0
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
    background-color: #42a5f5
}

.nav-tabs > li > a {
    border-radius: 0
}

.list-group.bg-trans .list-group-item:not(.active):not(.disabled) {
    background-color: transparent;
    border-color: transparent;
    color: inherit
}

.list-group.bg-trans .list-group-item .disabled {
    opacity: .5
}

.list-group.bg-trans a.list-group-item:hover:not(.active) {
    background-color: rgba(0, 0, 0, 0.05)
}

.list-group.bord-no .list-group-item {
    border-color: transparent
}

.list-group .list-divider {
    display: block
}

.list-group-item {
    border-color: #e9e9e9
}

.list-group-item,
a.list-group-item,
button.list-group-item,
a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
    color: #758697
}

    .list-group-item .list-group-item-heading,
    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #2b425b
    }

.list-group-item-heading {
    margin-top: 5px
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.list-group-item .list-group-item.disabled,
.list-group-item .list-group-item.disabled:hover,
.list-group-item .list-group-item.disabled:focus {
    background-color: rgba(0, 0, 0, 0.07);
    border-color: transparent
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #42a5f5;
    border-color: #42a5f5;
    color: #fff
}

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text {
        color: #fff
    }

a.list-group-item:hover,
a.list-group-item:focus {
    background-color: rgba(0, 0, 0, 0.05)
}

a.list-group-item-primary,
.list-group-item-primary {
    background-color: #64b5f7;
    border-color: transparent;
    color: #fff
}

    a.list-group-item-primary:hover,
    a.list-group-item-primary:focus {
        background-color: #72bcf8;
        color: #fff
    }

a.list-group-item-info,
.list-group-item-info {
    background-color: #00dcf8;
    border-color: transparent;
    color: #fff
}

    a.list-group-item-info:hover,
    a.list-group-item-info:focus {
        background-color: #08e3ff;
        color: #fff
    }

a.list-group-item-success,
.list-group-item-success {
    background-color: #9ccc65;
    border-color: transparent;
    color: #fff
}

    a.list-group-item-success:hover,
    a.list-group-item-success:focus {
        background-color: #a4d070;
        color: #fff
    }

a.list-group-item-warning,
.list-group-item-warning {
    background-color: #ffb54a;
    border-color: transparent;
    color: #fff
}

    a.list-group-item-warning:hover,
    a.list-group-item-warning:focus {
        background-color: #ffbc59;
        color: #fff
    }

a.list-group-item-danger,
.list-group-item-danger {
    background-color: #f27371;
    border-color: transparent;
    color: #fff
}

    a.list-group-item-danger:hover,
    a.list-group-item-danger:focus {
        background-color: #f3817f;
        color: #fff
    }

a.list-group-item-mint,
.list-group-item-mint {
    background-color: #2dc3b5;
    border-color: transparent;
    color: #fff
}

    a.list-group-item-mint:hover,
    a.list-group-item-mint:focus {
        background-color: #30d0c1;
        color: #fff
    }

a.list-group-item-purple,
.list-group-item-purple {
    background-color: #c682d2;
    border-color: transparent;
    color: #fff
}

    a.list-group-item-purple:hover,
    a.list-group-item-purple:focus {
        background-color: #cb8dd6;
        color: #fff
    }

a.list-group-item-pink,
.list-group-item-pink {
    background-color: #ef6091;
    border-color: transparent;
    color: #fff
}

    a.list-group-item-pink:hover,
    a.list-group-item-pink:focus {
        background-color:;
        color: #fff
    }

a.list-group-item-dark,
.list-group-item-dark {
    background-color: #34454d;
    border-color: transparent;
    color: #fff
}

    a.list-group-item-dark:hover,
    a.list-group-item-dark:focus {
        background-color: #3b4d56;
        color: #fff
    }

.label {
    border-radius: 0;
    font-weight: 600
}

    .label:empty {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: sub
    }

    .label.label-fw {
        margin-right: .5em
    }

.labels .label {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px
}

.label-md {
    font-size: 100%
}

.label-table {
    display: inline-block;
    width: 80%;
    min-width: 8ex;
    font-size: 1em;
    max-width: 100px;
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top
}

.label-default {
    background-color: #e3e8ee;
    color: #333
}

.label-primary {
    background-color: #42a5f5
}

.label-info {
    background-color: #00bcd4
}

.label-success {
    background-color: #8bc34a
}

.label-warning {
    background-color: #ffa726
}

.label-danger {
    background-color: #ef5350
}

.label-mint {
    background-color: #26a69a
}

.label-purple {
    background-color: #ba68c8
}

.label-pink {
    background-color: #ec407a
}

.label-dark {
    background-color: #263238
}

.breadcrumb {
    border-radius: 0;
    background-color: transparent;
    margin-bottom: 10px;
    padding: 0 0px
}

    .breadcrumb li, .breadcrumb li a {
        color: #C4C4C4;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .breadcrumb > li + li:before {
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        background-image: url("../images/icons/Ico_Bread_Sep.svg");
        background-repeat: no-repeat;
    }

.alert {
    border-radius: 0;
    border: 0;
    padding: 15px 2em 11px 15px;
    position: relative
}

    .alert .alert-link {
        text-decoration: underline;
        font-weight: 600
    }

        .alert .alert-link:hover {
            text-decoration: underline
        }

    .alert .close {
        font-size: 12.5px;
        text-shadow: none;
        opacity: .7;
        position: absolute;
        left: auto;
        right: 10px;
        top: 10px
    }

    .alert button.close {
        padding: 1px;
        border-radius: 20px;
        transition: all, 0.3s
    }

        .alert button.close > span:not(.sr-only) {
            display: block;
            width: 1em;
            height: 1em;
            line-height: .8em
        }

        .alert button.close:hover {
            opacity: .55
        }

        .alert button.close:active {
            opacity: .3
        }

.alert-primary {
    background-color: #6ab5f1;
    border-color: transparent;
    border-left: 3px solid #0f80db;
    color: #fff
}

    .alert-primary .close,
    .alert-primary .alert-link {
        color: #fff
    }

.alert-info {
    background-color: #1bc7dc;
    border-color: transparent;
    border-left: 3px solid #0c6f7b;
    color: #fff
}

    .alert-info .close,
    .alert-info .alert-link {
        color: #fff
    }

.alert-success {
    background-color: #9cc56c;
    border-color: transparent;
    border-left: 3px solid #648e33;
    color: #fff
}

    .alert-success .close,
    .alert-success .alert-link {
        color: #fff
    }

.alert-warning {
    background-color: #f9b450;
    border-color: transparent;
    border-left: 3px solid #d58003;
    color: #fff
}

    .alert-warning .close,
    .alert-warning .alert-link {
        color: #fff
    }

.alert-danger {
    background-color: #E21600;
    border-color: transparent;
    box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.1);
    color: #fff
}

    .alert-danger .close,
    .alert-danger .alert-link {
        color: #fff
    }

.alert-mint {
    background-color: #35bbae;
    border-color: transparent;
    border-left: 3px solid #1a665f;
    color: #fff
}

    .alert-mint .close,
    .alert-mint .alert-link {
        color: #fff
    }

.alert-purple {
    background-color: #c288cc;
    border-color: transparent;
    border-left: 3px solid #9540a3;
    color: #fff
}

    .alert-purple .close,
    .alert-purple .alert-link {
        color: #fff
    }

.alert-pink {
    background-color: #e96793;
    border-color: transparent;
    border-left: 3px solid #c81853;
    color: #fff
}

    .alert-pink .close,
    .alert-pink .alert-link {
        color: #fff
    }

.alert-dark {
    background-color: #4f5e65;
    border-color: transparent;
    border-left: 3px solid #1d2428;
    color: #fff
}

    .alert-dark .close,
    .alert-dark .alert-link {
        color: #fff
    }

/*.modal {
    text-align: center
}*/

.modal:before {
    content: '';
    height: 100%;
    width: 0;
    vertical-align: middle
}

/*.modal.fade:not(.animated) .modal-dialog {
    opacity: 0;
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    -webkit-transition: all .5s linear .5s;
    transition: all .5s linear .5s
}

.modal.fade.in:not(.animated) .modal-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s;
    transition: all .5s
}*/

.bootbox.modal.in:not(.fade) {
    opacity: 1;
    transition: opacity, 0.5s
}

.bootbox.modal:not(.fade) {
    opacity: 0;
    -webkit-transition: opacity .5s linear .5s;
    transition: opacity .5s linear .5s
}

.modal-dialog {
    vertical-align: middle;
    text-align: left;
    min-width: 90%
}

    .modal-dialog.animated {
        -webkit-animation-duration: .7s;
        animation-duration: .7s
    }

.modal-header {
    padding: 15px;
    position: relative;
    border: 0
}

    .modal-header:after {
        content: '';
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
    }

.modal-footer {
    background-color: transparent;
    color: #758697;
    border-color: rgba(0, 0, 0, 0.07);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.modal-title {
    font-size: 1.2em;
    color: #2b425b
}

.modal-body {
    min-height: 90px
}

    .modal-body > .close,
    .modal-header > .close {
        top: 50%;
        margin-top: -0.5em;
        right: 10px;
        left: auto;
        position: absolute;
        background-color: transparent !important
    }

    .modal-body > .close {
        top: 10px;
        margin-top: 0 !important
    }

.modal-footer {
    padding: 10px 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.modal-backdrop.in {
    opacity: .75
}

@media(min-width:768px) {
    .modal-dialog {
        min-width: 0
    }
}

.tooltip {
    font-family: Lato;
    font-size: 13px;
    z-index: 999999;
    width: 110px;
}

.tooltip-inner {
    font-size: 13px;
    border-radius: 0;
    padding: 5px 10px;
    background-color: #fff;
    color: #ccc;
    border-radius: 25px;
    box-shadow: 3px 2px 25px 0px rgba(0, 0, 0, 0.1);
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.tooltip.right .tooltip-arrow {
    border-right-color: #263238
}

.tooltip.left .tooltip-arrow {
    border-left-color: #263238
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #263238
}

.tooltip.in {
    opacity: 1
}

.tooltip h1,
.tooltip h2,
.tooltip h3,
.tooltip h4,
.tooltip h5,
.tooltip h6,
.tooltip .h1,
.tooltip .h2,
.tooltip .h3,
.tooltip .h4,
.tooltip .h5,
.tooltip .h6 {
    color: inherit
}

.popover {
    font-family: Lato;
    font-size: 13px;
    border-radius: 4px;
    box-shadow: 2px 3px 11px 5px rgba(0, 0, 0, 0.15);
    width: 256px;
}

.popover-title {
    background-color: transparent;
    color: #397E68;
    font-size: .9em;
    font-weight: 600;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.07);*/
    border-radius: 0
}

.popover > .arrow {
    border-width: 9px
}

    .popover > .arrow:after {
        border-width: 9px
    }

.popover.left > .arrow {
    right: -9px;
    margin-top: -9px
}

    .popover.left > .arrow:after {
        bottom: -9px
    }

.popover.right > .arrow {
    left: -9px;
    margin-top: -9px
}

    .popover.right > .arrow:after {
        bottom: -9px
    }

.popover.top > .arrow {
    bottom: -9px
}

    .popover.top > .arrow:after {
        margin-left: -9px
    }

.popover.bottom > .arrow {
    top: -9px
}

    .popover.bottom > .arrow:after {
        margin-left: -9px
    }

.popover-content {
    padding: 10px 15px 20px;
    word-wrap: break-word;
}

#container .badge {
    color: #fff;
    font-size: 10px;
    font-weight: 600
}

.badge:empty.badge-icon {
    display: inline-block;
    width: .85em;
    height: .85em;
    padding: 0;
    min-width: 5px;
    margin: .5em;
    border-radius: 50%
}

.badge.badge-fw,
.badge:empty.badge-fw {
    margin-right: 1em
}

.badge-stat {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 7px 0 0 !important;
    box-shadow: 0 0 0 2px
}

.badge-default {
    background-color: #e3e8ee;
    color: #333
}

.badge-primary {
    background-color: #42a5f5
}

.badge-info {
    background-color: #00bcd4
}

.badge-success {
    background-color: #8bc34a
}

.badge-warning {
    background-color: #ffa726
}

.badge-danger {
    background-color: #fe5134
}

.badge-mint {
    background-color: #26a69a
}

.badge-purple {
    background-color: #ba68c8
}

.badge-pink {
    background-color: #ec407a
}

.badge-dark {
    background-color: #263238
}

.dropdown-header {
    font-weight: 600;
    font-size: 1.11em;
    color: #2b425b;
    padding: 5px 20px 5px 10px
}

.dropdown-toggle > .dropdown-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 3px;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    vertical-align: baseline
}

    .dropdown-toggle > .dropdown-caret.caret-up {
        border-width: 0 4px 6px 4px;
        border-bottom-color: initial;
        border-top-color: transparent
    }

.dropdown-menu {
    font-size: 13px;
    margin: 0;
    padding: 0 0 8px 0;
    border: 0;
    border-radius: 3px;
}

    .dropdown-menu > li > a {
        color: #758697
    }

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropup .dropdown-menu {
    box-shadow: 0 -5px 12px 2px rgba(0, 0, 0, 0.25)
}

.dropdown-menu:not(.head-list) > li > a {
    padding: 5px 10px;
    margin: 0 7px 0 7px;
}

    .dropdown-menu:not(.head-list) > li > a:hover {
        background-color: #F4F4F4;
        color: #fff;
        padding: 5px 10px;
        margin: 0 7px 0 7px;
    }

.dropdown-menu.with-arrow:before,
.dropdown-menu.with-arrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.dropdown-menu.with-arrow:before {
    border-bottom: 7px solid #d0d0d0;
    margin: -7px 0 0 15px
}

.dropdown-menu.with-arrow:after {
    border-bottom: 7px solid #fff;
    margin: -6px 0 0 15px
}

.dropdown-menu-right.dropdown-menu.with-arrow:before {
    left: auto;
    right: 0;
    margin: -7px 25px 0 0
}

.dropdown-menu-right.dropdown-menu.with-arrow:after {
    left: auto;
    right: 0;
    margin: -6px 25px 0 0
}

.dropdown-menu-sm {
    min-width: 220px
}

.dropdown-menu-md {
    min-width: 270px
}

.dropdown-menu-lg {
    min-width: 300px
}

.dropdown.open > .btn,
.btn-group.open .dropdown-toggle {
}

.well {
    background-color: #e5ebf1;
    border-color: #dbe3ec;
    border-radius: 0;
    box-shadow: none
}

.well-xs {
    padding: 5px
}

.progress {
    height: 8px;
    margin-bottom: 10px;
    border-radius: 100px;
    box-shadow: none;
    background-color: #E4E4E4;
}

.progress-bar {
    font-size: 10px;
    background-color: #42a5f5;
    line-height: 1.05em;
    box-shadow: none
}

.progress-light-base {
    background-color: #fff
}

.progress-dark-base {
    background-color: rgba(255, 255, 255, 0.2)
}

.progress-xl {
    height: 30px;
    margin-bottom: 20px
}

    .progress-xl .progress-bar {
        font-size: 13px;
        line-height: 30px
    }

.progress-lg {
    height: 20px;
    margin-bottom: 20px
}

    .progress-lg .progress-bar {
        font-size: 13px;
        line-height: 20px
    }

.progress-md {
    height: 8px;
    margin-bottom: 5px
}

    .progress-md .progress-bar {
        font-size: 5px;
        line-height: 8px
    }

.progress-sm {
    height: 4px;
    margin-bottom: 5px
}

    .progress-sm .progress-bar {
        font-size: 0;
        line-height: 4px
    }

.progress-xs {
    height: 2px;
    margin-bottom: 10px
}

    .progress-xs .progress-bar {
        font-size: 0;
        line-height: 2px
    }

.progress-bar-light {
    background-color: #fff
}

.progress-bar-primary {
    background-color: #42a5f5
}

.progress-bar-info {
    background-color: #00bcd4
}

.progress-bar-success {
    background-color: #8bc34a
}

.progress-bar-warning {
    background-color: #ffa726
}

.progress-bar-danger {
    background-color: #ef5350
}

.progress-bar-mint {
    background-color: #26a69a
}

.progress-bar-purple {
    background-color: #ba68c8
}

.progress-bar-pink {
    background-color: #ec407a
}

.progress-bar-dark {
    background-color: #263238
}

.pager li > a:active,
.pagination > li a:active {
    box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.2)
}

.pager li > a:hover,
.pager li > a:focus,
.pagination > li a:hover,
.pagination > li a:focus {
    background-color: #fff;
    border-color: #42a5f5;
    color: #42a5f5;
    box-shadow: inset 0 0 1px #42a5f5;
    z-index: 2;
    transition: border-color, 0.3s
}

.pager li > a,
.pager li > span {
    border-radius: 0;
    border-color: #dcdcdc
}

.pager.pager-rounded li > a,
.pager.pager-rounded li > span {
    border-radius: 15px
}

.pager .disabled > a,
.pager .disabled > span,
.pager .disabled > a:hover,
.pager .disabled > span:hover,
.pager .disabled > a:focus,
.pager .disabled > span:focus,
.pagination .disabled > a,
.pagination .disabled > span,
.pagination .disabled > a:hover,
.pagination .disabled > span:hover,
.pagination .disabled > a:focus,
.pagination .disabled > span:focus {
    opacity: .7;
    border-color: #dcdcdc;
    box-shadow: none
}

.pagination > li > a,
.pagination > li > span {
    color: inherit;
    border-color: #dcdcdc;
    transition: border-color, 0.3s
}

.pagination > li > span {
    cursor: default
}

    .pagination > li > span:hover {
        background-color: #fff
    }

.pagination > li:first-child > a,
.pagination > li:first-child span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination > li:last-child > a,
.pagination > li:last-child span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #42a5f5;
    border-color: #42a5f5
}

.carousel-inner > .item {
    padding-top: 15px
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    background-repeat: no-repeat;
    color: inherit
}

.carousel-control,
.carousel-control:focus {
    font-size: 1em;
    text-shadow: none;
    width: auto;
    padding: 10px;
    top: 0;
    bottom: 0;
    opacity: .5;
    transition: opacity .5s
}

    .carousel-control.auto-hide {
        opacity: 0
    }

    .carousel-control:before {
        content: '';
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle
    }

    .carousel-control i {
        position: relative;
        top: .25em
    }

.carousel:hover .carousel-control {
    opacity: 1;
    transition: opacity .5s
}

.carousel-indicators.out {
    bottom: 0
}

    .carousel-indicators.out + .carousel-inner {
        padding-bottom: 30px
    }

.carousel-indicators.square li {
    border-radius: 0
}

.carousel-indicators > .active {
    background-color: transparent;
    box-shadow: inset 0 0 0 50px;
    border-color: transparent
}

.carousel-indicators > li {
    border-color: inherit
}

blockquote {
    border-left: 3px solid #cbd6e3
}

.bq-sm {
    font-size: 13px
}

.bq-open:before,
.bq-close:after {
    color: #cbd6e3;
    content: '\201C';
    font-family: Lato;
    font-size: 5em;
    line-height: 0;
    margin: 0 .15em 0 0;
    vertical-align: -0.5em
}

.bq-close:after {
    content: '\201D';
    margin: 0 0 0 .15em
}

.form-horizontal .control-label {
    margin-bottom: 5px
}

    .form-horizontal .control-label.text-left {
        text-align: left
    }

.panel > .panel-heading + .panel-collapse > .panel-body {
    border-top: 0
}

.panel-group {
    margin-bottom: 35px
}

    .panel-group.accordion .panel {
        margin-bottom: 0
    }

    .panel-group.accordion .panel-heading {
        border-radius: 0;
        height: auto
    }

        .panel-group.accordion .panel-heading:after {
            border: 0 !important
        }

    .panel-group.accordion .panel-heading,
    .panel-group.accordion .panel-title {
        padding: 0
    }

    .panel-group.accordion .panel-title {
        line-height: 40px
    }

        .panel-group.accordion .panel-title a {
            display: block;
            color: inherit;
            text-transform: none;
            font-size: 13px;
            padding: 0 15px
        }

            .panel-group.accordion .panel-title a:hover,
            .panel-group.accordion .panel-title a:focus {
                color: inherit
            }

    .panel-group.accordion .panel:first-child,
    .panel-group.accordion .panel:first-child .panel-heading {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .panel-group.accordion .panel:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        overflow: hidden
    }

.tab-base {
    margin-bottom: 35px
}

    .tab-base .tab-content {
        background-color: #fff;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        padding: 15px
    }

        .tab-base .tab-content .tab-footer {
            background-color: #f6f8fa;
            color: #758697;
            border-color: #eff3f7;
            position: relative;
            margin: 0 -15px -15px -15px;
            padding: 10px 15px
        }

    .tab-base .nav-tabs {
        border: 0
    }

        .tab-base .nav-tabs > li {
            margin-bottom: -2px
        }

            .tab-base .nav-tabs > li:not(.active) > a {
                background-color: rgba(0, 0, 0, 0.05);
                opacity: .7;
                transition: opacity, 0.3s
            }

                .tab-base .nav-tabs > li:not(.active) > a:hover {
                    opacity: 1;
                    background-color: rgba(255, 255, 255, 0.55);
                    border-bottom-color: transparent;
                    transition: opacity, 0.3s
                }

        .tab-base .nav-tabs > .active > a,
        .tab-base .nav-tabs > .active a:hover,
        .tab-base .nav-tabs > .active > a:focus {
            border-color: transparent
        }

        .tab-base .nav-tabs.tabs-right {
            text-align: right
        }

            .tab-base .nav-tabs.tabs-right > li {
                float: none;
                display: inline-block;
                margin-right: -2px
            }

.tab-footer:after {
    content: '';
    display: table;
    clear: both
}

.nav-tabs li a {
    border-radius: 0
}

.nav-tabs.tab-right {
    text-align: right
}

    .nav-tabs.tab-right > li {
        display: inline-block;
        text-align: left;
        float: none
    }

        .nav-tabs.tab-right > li > a {
            margin-right: 0
        }

.nav-tabs .label,
.nav-tabs .badge {
    margin-left: 4px
}

.tab-stacked-left,
.tab-stacked-right {
    display: table;
    height: 100%;
    width: 100%
}

    .tab-stacked-left .nav-tabs > li,
    .tab-stacked-right .nav-tabs > li {
        float: none;
        margin: 0
    }

        .tab-stacked-left .nav-tabs > li > a,
        .tab-stacked-right .nav-tabs > li > a {
            margin: 0 0 2px
        }

        .tab-stacked-left .nav-tabs > li:last-child > a,
        .tab-stacked-right .nav-tabs > li:last-child > a {
            margin-bottom: 0
        }

    .tab-stacked-left .nav-tabs,
    .tab-stacked-right .nav-tabs,
    .tab-stacked-left .tab-content,
    .tab-stacked-right .tab-content {
        display: table-cell;
        vertical-align: top
    }

    .tab-stacked-left .tab-content,
    .tab-stacked-right .tab-content {
        overflow: hidden
    }

    .tab-stacked-left .nav-tabs {
        width: 1%;
        border: 0
    }

        .tab-stacked-left .nav-tabs > li a {
            border-right-color: transparent;
            border-radius: 0
        }

        .tab-stacked-left .nav-tabs > .active > a:hover,
        .tab-stacked-left .nav-tabs > .active > a:focus {
            border-right-color: transparent
        }

    .tab-stacked-left.tab-base .nav-tabs > li:not(.active) a:hover {
        border-right-color: transparent
    }

    .tab-stacked-left .tab-content {
        border-left-color: transparent;
        border-radius: 0
    }

    .tab-stacked-right .nav-tabs {
        width: 1%;
        border: 0
    }

        .tab-stacked-right .nav-tabs > li a {
            border-left-color: transparent;
            border-radius: 0
        }

        .tab-stacked-right .nav-tabs > .active > a:hover,
        .tab-stacked-right .nav-tabs > .active > a:focus {
            border-left-color: transparent
        }

    .tab-stacked-right.tab-base .nav-tabs > li:not(.active) a:hover {
        border-left-color: transparent
    }

    .tab-stacked-right .tab-content {
        border-right-color: transparent;
        border-radius: 0
    }

.bg-trans {
    background-color: transparent
}

.bg-light {
    background-color: #fff
}

    .bg-light,
    .bg-light a {
        color: #758697
    }

.bg-gray-light {
    background-color: #f5f6f8
}

    .bg-gray-light,
    .bg-gray-light a {
        color: #758697
    }

.bg-gray {
    background-color: #e6eaed
}

    .bg-gray,
    .bg-gray a {
        color: #758697
    }

.bg-gray-dark {
    background-color: #c8d1d8
}

    .bg-gray-dark,
    .bg-gray-dark a {
        color: #758697
    }

.bg-trans-light {
    background-color: rgba(255, 255, 255, 0.1)
}

    .bg-trans-light,
    .bg-trans-light a {
        color: inherit
    }

.bg-trans-dark {
    background-color: rgba(0, 0, 0, 0.05)
}

    .bg-trans-dark,
    .bg-trans-dark a {
        color: inherit
    }

.bg-primary {
    background-color: #42a5f5
}

    .bg-primary,
    .bg-primary a {
        color: #fff
    }

.bg-info {
    background-color: #00bcd4
}

    .bg-info,
    .bg-info a {
        color: #fff
    }

.bg-success {
    background-color: #8bc34a
}

    .bg-success,
    .bg-success a {
        color: #fff
    }

.bg-warning {
    background-color: #ffa726
}

    .bg-warning,
    .bg-warning a {
        color: #fff
    }

.bg-danger {
    background-color: #ef5350
}

    .bg-danger,
    .bg-danger a {
        color: #fff
    }

.bg-mint {
    background-color: #26a69a
}

    .bg-mint,
    .bg-mint a {
        color: #fff
    }

.bg-purple {
    background-color: #ba68c8
}

    .bg-purple,
    .bg-purple a {
        color: #fff
    }

.bg-pink {
    background-color: #ec407a
}

    .bg-pink,
    .bg-pink a {
        color: #fff
    }

.bg-dark {
    background-color: #263238
}

    .bg-dark,
    .bg-dark a {
        color: #fff
    }

.text-light,
a.text-light:hover,
a.text-light:focus {
    color: #fff
}

.text-muted,
a.text-muted:hover,
a.text-muted:focus {
    color: #afb9c3
}

.text-primary,
a.text-primary:hover,
a.text-primary:focus {
    color: #128ef2
}

.text-info,
a.text-info:hover,
a.text-info:focus {
    color: #008fa1
}

.text-success,
a.text-success:hover,
a.text-success:focus {
    color: #71a436
}

.text-warning,
a.text-warning:hover,
a.text-warning:focus {
    color: #f29000
}

.text-danger,
a.text-danger:hover,
a.text-danger:focus {
    color: #eb2521
}

.text-main,
a.text-main:hover,
a.text-main:focus {
    color: #2b425b
}

.text-mint,
a.text-mint:hover,
a.text-mint:focus {
    color: #1c7d74
}

.text-purple,
a.text-purple:hover,
a.text-purple:focus {
    color: #a844b9
}

.text-pink,
a.text-pink:hover,
a.text-pink:focus {
    color: #e2175b
}

.text-dark,
a.text-dark:hover,
a.text-dark:focus {
    color: #11171a
}

.btn {
    cursor: pointer;
    background-color: transparent;
    color: inherit;
    padding: 6px 12px;
    border-radius: 0;
    border: 1px solid transparent;
    font-size: 13px;
    line-height: 1.42857;
    vertical-align: middle;
    transition: all .25s
}

    .btn:not(.disabled):not(:disabled):active,
    .btn:not(.disabled):not(:disabled).active {
        box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2)
    }

.btn-lg,
.btn-icon.btn-lg {
    font-size: 17px;
    line-height: 1.33
}

.btn-sm,
.btn-icon.btn-sm {
    font-size: 11px;
    line-height: 1.5
}

.btn-xs,
.btn-icon.btn-xs {
    font-size: 11px;
    line-height: 1.5
}

.btn-icon {
    padding-left: 9px;
    padding-right: 9px
}

    .btn-icon > i,
    .btn-icon:before {
        display: inline-block;
        min-width: 1.05em
    }

.btn-file {
    position: relative;
    overflow: hidden
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: 0;
        background: white;
        cursor: inherit;
        display: block
    }

.btn-link {
    border-color: transparent;
}

.btn.btn-link:focus,
.btn.btn-link:active {
    box-shadow: none
}

.btn-link.disabled:hover,
.btn-link.disabled:focus {
    text-decoration: none
}


.btn-trans {
    background-color: transparent;
    border-color: transparent;
    color: #afb9c3
}

    .btn-trans:focus,
    .btn-trans:active {
        box-shadow: none !important
    }

/*.btn-default-basic,
.btn-default,
.btn-default:focus,
.btn-default.disabled:hover,
.btn-default:disabled:hover,
.btn-hover-default:hover,
.btn-hover-default:active,
.btn-hover-default.active,
.btn.btn-active-default:active,
.btn.btn-active-default.active,
.dropdown.open>.btn.btn-active-default,
.btn-group.open .dropdown-toggle.btn.btn-active-default {
    /*background: #e4e4e4;*/
/*border-color: #d1d9de;
    color: #103227;
}*/

/*.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-color: #fff;
    border: 1px solid #B4B4B4;
    color: #103227;
}*/

.btn-primary-basic,
.btn-primary,
.btn-primary:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled:hover,
.btn-hover-primary:hover,
.btn-hover-primary:active,
.btn-hover-primary.active,
.btn.btn-active-primary:active,
.btn.btn-active-primary.active,
.dropdown.open > .btn.btn-active-primary,
.btn-group.open .dropdown-toggle.btn.btn-active-primary {
    background-color: #38a0f4;
    border-color: #42a5f5;
    color: #fff
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-color: #1690f3;
        border-color: #2095f3;
        color: #fff
    }

.btn-info-basic,
.btn-info,
.btn-info:focus,
.btn-info.disabled:hover,
.btn-info:disabled:hover,
.btn-hover-info:hover,
.btn-hover-info:active,
.btn-hover-info.active,
.btn.btn-active-info:active,
.btn.btn-active-info.active,
.dropdown.open > .btn.btn-active-info,
.btn-group.open .dropdown-toggle.btn.btn-active-info {
    background-color: #00b3ca;
    border-color: #00bcd4;
    color: #fff
}

    .btn-info:hover,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-color: #0093a6;
        border-color: #009cb0;
        color: #fff
    }

.btn-success-basic,
.btn-success,
.btn-success:focus,
.btn-success.disabled:hover,
.btn-success:disabled:hover,
.btn-hover-success:hover,
.btn-hover-success:active,
.btn-hover-success.active,
.btn.btn-active-success:active,
.btn.btn-active-success.active,
.dropdown.open > .btn.btn-active-success,
.btn-group.open .dropdown-toggle.btn.btn-active-success {
    background-color: #86c042;
    border-color: #8bc34a;
    color: #fff
}

    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-color: #74a838;
        border-color: #79af3a;
        color: #fff
    }

.btn-warning-basic,
.btn-warning,
.btn-warning:focus,
.btn-warning.disabled:hover,
.btn-warning:disabled:hover,
.btn-hover-warning:hover,
.btn-hover-warning:active,
.btn-hover-warning.active,
.btn.btn-active-warning:active,
.btn.btn-active-warning.active,
.dropdown.open > .btn.btn-active-warning,
.btn-group.open .dropdown-toggle.btn.btn-active-warning {
    background-color: #ffa31c;
    border-color: #ffa726;
    color: #fff
}

    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-color: #f79300;
        border-color: #ff9902;
        color: #fff
    }

.btn-danger-basic,
.btn-danger,
.btn-danger:focus,
.btn-danger.disabled:hover,
.btn-danger:disabled:hover,
.btn-hover-danger:hover,
.btn-hover-danger:active,
.btn-hover-danger.active,
.btn.btn-active-danger:active,
.btn.btn-active-danger.active,
.dropdown.open > .btn.btn-active-danger,
.btn-group.open .dropdown-toggle.btn.btn-active-danger {
    background-color: #ee4a47;
    border-color: #ef5350;
    color: #fff
}

    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-color: #eb2a26;
        border-color: #ec332f;
        color: #fff
    }

.btn-mint-basic,
.btn-mint,
.btn-mint:focus,
.btn-mint.disabled:hover,
.btn-mint:disabled:hover,
.btn-hover-mint:hover,
.btn-hover-mint:active,
.btn-hover-mint.active,
.btn.btn-active-mint:active,
.btn.btn-active-mint.active,
.dropdown.open > .btn.btn-active-mint,
.btn-group.open .dropdown-toggle.btn.btn-active-mint {
    background-color: #249e92;
    border-color: #26a69a;
    color: #fff
}

    .btn-mint:hover,
    .btn-mint:active,
    .btn-mint.active,
    .open > .dropdown-toggle.btn-mint {
        background-color: #1d8177;
        border-color: #1f897f;
        color: #fff
    }

.btn-purple-basic,
.btn-purple,
.btn-purple:focus,
.btn-purple.disabled:hover,
.btn-purple:disabled:hover,
.btn-hover-purple:hover,
.btn-hover-purple:active,
.btn-hover-purple.active,
.btn.btn-active-purple:active,
.btn.btn-active-purple.active,
.dropdown.open > .btn.btn-active-purple,
.btn-group.open .dropdown-toggle.btn.btn-active-purple {
    background-color: #b761c5;
    border-color: #ba68c8;
    color: #fff
}

    .btn-purple:hover,
    .btn-purple:active,
    .btn-purple.active,
    .open > .dropdown-toggle.btn-purple {
        background-color: #ab46bc;
        border-color: #ae4ebe;
        color: #fff
    }

.btn-pink-basic,
.btn-pink,
.btn-pink:focus,
.btn-pink.disabled:hover,
.btn-pink:disabled:hover,
.btn-hover-pink:hover,
.btn-hover-pink:active,
.btn-hover-pink.active,
.btn.btn-active-pink:active,
.btn.btn-active-pink.active,
.dropdown.open > .btn.btn-active-pink,
.btn-group.open .dropdown-toggle.btn.btn-active-pink {
    background-color: #eb3774;
    border-color: #ec407a;
    color: #fff
}

    .btn-pink:hover,
    .btn-pink:active,
    .btn-pink.active,
    .open > .dropdown-toggle.btn-pink {
        background-color: #e7175d;
        border-color: #e92063;
        color: #fff
    }

.btn-dark-basic,
.btn-dark,
.btn-dark:focus,
.btn-dark.disabled:hover,
.btn-dark:disabled:hover,
.btn-hover-dark:hover,
.btn-hover-dark:active,
.btn-hover-dark.active,
.btn.btn-active-dark:active,
.btn.btn-active-dark.active,
.dropdown.open > .btn.btn-active-dark,
.btn-group.open .dropdown-toggle.btn.btn-active-dark {
    background-color: #222d32;
    border-color: #263238;
    color: #fff
}

    .btn-dark:hover,
    .btn-dark:active,
    .btn-dark.active,
    .open > .dropdown-toggle.btn-dark {
        background-color: #131a1d;
        border-color: #181f23;
        color: #fff
    }

.btn-group-vertical .btn:not(.btn-default),
.btn-group .btn:not(.btn-default) {
    border-color: rgba(0, 0, 0, 0.09)
}

.btn-lg,
.btn-group-lg > .btn,
.btn-icon.btn-lg {
    padding: 10px 16px
}

.btn-sm,
.btn-group-sm > .btn,
.btn-icon.btn-sm {
    padding: 5px 10px
}

.btn-xs,
.btn-group-xs > .btn,
.btn-icon.btn-xs {
    padding: 1px 5px
}

.btn-lg,
.btn-group-lg > .btn,
.btn-icon.btn-lg {
    border-radius: 0
}

.btn-lg,
.btn-group-sm > .btn,
.btn-lg,
.btn-group-xs > .btn,
.btn-icon.btn-lg,
.btn-icon.btn-lg {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-circle {
    padding: 7px;
    border-radius: 50%
}

.btn-lg.btn-circle {
    padding: 17px
}

.btn-sm.btn-circle {
    padding: 7px
}

.btn-xs.btn-circle {
    padding: 4px
}

.btn-icon.btn-circle:before,
.btn-icon.btn-circle > i {
    display: block;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.4
}

.btn-rounded {
    border-radius: 17px;
    overflow: hidden
}

.btn-lg.btn-rounded {
    border-radius: 30px
}

.btn-sm.btn-rounded {
    border-radius: 15px
}

.btn-xs.btn-rounded {
    border-radius: 10px
}

.btn-group.btn-rounded {
    overflow: hidden
}

.btn-labeled,
.btn-labeled.fa {
    overflow: hidden
}

    .btn-labeled:not(.btn-block):not(.form-icon) {
        font-family: Lato;
        font-size: 13px;
        line-height: 1.42857;
        padding-bottom: 0;
        padding-top: 0
    }

.btn-block.btn-labeled:not(.form-icon) {
    font-family: Lato;
    font-size: 13px;
    line-height: 1.42857
}

    .btn-block.btn-labeled:not(.form-icon):before {
        float: left;
        margin-top: -7px;
        margin-bottom: -7px
    }

.btn-labeled .btn-label {
    background-color: rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-left: -12px;
    margin-right: 6px;
    padding: 6px 12px;
    line-height: 1.42857
}

.btn-labeled:before {
    background-color: rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin-left: -12px;
    margin-right: 6px;
    padding: 6px 12px;
    line-height: 1.42857
}

.btn-labeled.fa:before,
.btn-labeled .fa:before {
    font-family: fontAwesome
}

/*.btn-default.btn-labeled:before,
.btn-default .btn-label {
    /*background-color: rgba(0, 0, 0, 0.05);*/
/*color: inherit
}*/

.btn-lg.btn-labeled {
    font-size: 18px;
    line-height: 1.33
}

.btn-sm.btn-labeled {
    font-size: 12px;
    line-height: 1.5
}

.btn-xs.btn-labeled {
    font-size: 12px;
    line-height: 1.5
}

.btn-lg.btn-labeled:before,
.btn-lg .btn-label {
    margin-left: -16px;
    margin-right: 10px;
    padding: 10px 16px
}

.btn-lg.btn-block.btn-labeled:not(.form-icon):before {
    margin-top: -10px;
    margin-bottom: -10px
}

.btn-sm.btn-labeled:before,
.btn-sm .btn-label {
    margin-left: -10px;
    margin-right: 5px;
    padding: 5px 10px
}

.btn-sm.btn-block.btn-labeled:not(.form-icon):before {
    margin-top: -5px;
    margin-bottom: -5px
}

.btn-xs.btn-labeled:before,
.btn-xs .btn-label {
    margin-left: -5px;
    margin-right: 1px;
    padding: 1px 5px
}

.btn-xs.btn-block.btn-labeled:not(.form-icon):before {
    margin-top: -1px;
    margin-bottom: -1px
}

.btn-labeled.icon-2x:before,
.btn-labeled .btn-label.icon-2x:before {
    vertical-align: -0.15em
}

.btn-labeled.icon-3x:before,
.btn-labeled .btn-label.icon-3x:before {
    vertical-align: -0.18em
}

.btn-labeled.icon-4x:before, .btn-labeled .btn-label.icon-4x:before {
    vertical-align: -0.2em
}

.btn-labeled.icon-5x:before, .btn-labeled .btn-label.icon-5x:before {
    vertical-align: -0.25em
}

.panel {
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.17);
    margin-bottom: 15px;
    width: 100%;
}

    .panel hr {
        border-color: rgba(0, 0, 0, 0.1)
    }

    .panel .panel-bg-cover {
        max-height: 180px;
        overflow: hidden
    }

        .panel .panel-bg-cover img {
            min-width: 100%;
            min-height: 100%;
            background-size: cover
        }

    .panel.remove {
        opacity: 0;
        transition: opacity, 0.5s
    }

    .panel .alert {
        border-radius: 0
    }

    .panel.panel-bg-img {
        position: relative
    }

    .panel .panel-bg-wrap {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

        .panel .panel-bg-wrap > img {
            position: absolute;
            top: 0;
            left: 0
        }

        .panel .panel-bg-wrap + .panel-body {
            position: relative
        }

.panel-height-setting {
    min-height: 180px;
    max-height: 250px;
}

.panel-media {
    box-shadow: 0 -50px 20px -10px rgba(0, 0, 0, 0.2);
    padding: 10px 15px 15px 140px;
    position: relative
}

.panel-media-img {
    position: absolute;
    width: 96px;
    height: 96px;
    left: 20px;
    top: -48px
}

.panel-media-heading {
    color: #fff;
    position: absolute;
    top: -2.7em
}

.panel .panel-heading,
.panel > :first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel .panel-footer,
.panel > :last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.panel-body-full {
    margin-left: -20px;
    margin-right: -20px
}

.panel-body {
    padding: 15px 14px 25px;
    background-color: #F4F4F4;
    border: solid 1px #D4D4D4;
}

.panel-trans {
    border-color: transparent;
    box-shadow: none;
    background-color: transparent
}

.panel-heading {
    position: relative;
    height: 42px;
    padding: 0;
    color: #2b425b
}

.panel-title {
    font-weight: 600;
    padding: 0 20px 0 20px;
    font-size: 1.2em;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.panel-default.panel-colorful {
    background-color: #e3e8eb;
    color: #758697
}

.panel-default .panel-heading {
    background-color: #e4e4e4;
}

.panel-footer {
    background-color: #f6f8fa;
    color: #758697;
    border-color: rgba(0, 0, 0, 0.07);
    position: relative
}

.panel-primary .panel-heading,
.panel-primary .panel-footer,
.panel-primary.panel-colorful {
    background-color: #42a5f5;
    border-color: #42a5f5;
    color: #fff
}

.panel-info .panel-heading,
.panel-info .panel-footer,
.panel-info.panel-colorful {
    background-color: #00bcd4;
    border-color: #00bcd4;
    color: #fff
}

.panel-success .panel-heading,
.panel-success .panel-footer,
.panel-success.panel-colorful {
    background-color: #8bc34a;
    border-color: #8bc34a;
    color: #fff
}

.panel-warning .panel-heading,
.panel-warning .panel-footer,
.panel-warning.panel-colorful {
    background-color: #ffa726;
    border-color: #ffa726;
    color: #fff
}

.panel-danger .panel-heading,
.panel-danger .panel-footer,
.panel-danger.panel-colorful {
    background-color: #ef5350;
    border-color: #ef5350;
    color: #fff
}

.panel-mint .panel-heading,
.panel-mint .panel-footer,
.panel-mint.panel-colorful {
    background-color: #26a69a;
    border-color: #26a69a;
    color: #fff
}

.panel-purple .panel-heading,
.panel-purple .panel-footer,
.panel-purple.panel-colorful {
    background-color: #ba68c8;
    border-color: #ba68c8;
    color: #fff
}

.panel-pink .panel-heading,
.panel-pink .panel-footer,
.panel-pink.panel-colorful {
    background-color: #ec407a;
    border-color: #ec407a;
    color: #fff
}

.panel-dark .panel-heading,
.panel-dark .panel-footer,
.panel-dark.panel-colorful {
    background-color: #263238;
    border-color: #263238;
    color: #fff
}

.panel > .panel-heading:after,
.panel.panel-colorful > .panel-heading:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07)
}

.panel-colorful > .panel-heading {
    border: 0
}

.panel-default > .panel-heading:after,
.panel-primary > .panel-heading:after,
.panel-info > .panel-heading:after,
.panel-success > .panel-heading:after,
.panel-warning > .panel-heading:after,
.panel-danger > .panel-heading:after,
.panel-purple > .panel-heading:after,
.panel-pink > .panel-heading:after,
.panel-dark > .panel-heading:after {
    display: none
}

.panel-bordered-default,
.panel-default.panel-bordered {
    border: 1px solid #bac5cd
}

.panel-bordered-primary,
.panel-primary.panel-bordered {
    border: 1px solid #42a5f5
}

.panel-bordered-info,
.panel-info.panel-bordered {
    border: 1px solid #00bcd4
}

.panel-bordered-success,
.panel-success.panel-bordered {
    border: 1px solid #8bc34a
}

.panel-bordered-warning,
.panel-warning.panel-bordered {
    border: 1px solid #ffa726
}

.panel-bordered-danger,
.panel-danger.panel-bordered {
    border: 1px solid #ef5350
}

.panel-bordered-mint,
.panel-mint.panel-bordered {
    border: 1px solid #26a69a
}

.panel-bordered-purple,
.panel-purple.panel-bordered {
    border: 1px solid #ba68c8
}

.panel-bordered-pink,
.panel-pink.panel-bordered {
    border: 1px solid #ec407a
}

.panel-bordered-dark,
.panel-dark.panel-bordered {
    border: 1px solid #263238
}

.panel-group .panel {
    border-radius: 0;
    margin-bottom: 20px
}

.panel-group > div {
    padding-left: 0;
    padding-right: 0
}

    .panel-group > div:first-child > .panel {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }

    .panel-group > div:last-child > .panel {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }

    .panel-group > div + div > .panel {
        margin-left: -1px
    }

.panel-control {
    height: 100%;
    position: relative;
    float: right;
    padding: 0 15px
}

    .panel-control:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        left: -1em;
        position: relative
    }

    .panel-control .btn {
        padding-left: 7px;
        padding-right: 7px
    }

    .panel-control > i,
    .panel-control > .badge,
    .panel-control > label {
        vertical-align: middle
    }

    .panel-control > .toggle-switch + label {
        vertical-align: baseline
    }

    .panel-control .nav-tabs {
        display: inline-block;
        height: 40px;
        margin-top: 10px;
        vertical-align: bottom;
        border: 0
    }

        .panel-control .nav-tabs > li {
            margin-top: 1px;
            margin-right: 5px;
            height: 100%
        }

            .panel-control .nav-tabs > li > a {
                border-radius: 0;
                margin-right: 0;
                height: 100%;
                line-height: 40px;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                padding: 0 15px
            }

            .panel-control .nav-tabs > li:not(.active) {
                background-color: transparent;
                opacity: .6
            }

                .panel-control .nav-tabs > li:not(.active) a {
                    border-bottom: 0 !important;
                    color: inherit
                }

                    .panel-control .nav-tabs > li:not(.active) a:hover {
                        background-color: rgba(0, 0, 0, 0.15);
                        border-color: transparent
                    }

        .panel-control .nav-tabs > .active > a {
            z-index: 1
        }

    .panel-control .progress {
        min-width: 150px;
        margin: 0;
        display: inline-block;
        vertical-align: middle
    }

    .panel-control .switchery {
        margin-left: 15px;
        vertical-align: middle
    }

    .panel-control .pager {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        border-radius: 0
    }

    .panel-control .pagination {
        margin: 0;
        border-radius: 0;
        vertical-align: middle
    }

        .panel-control .pagination > li > a,
        .panel-control .pagination > li > span {
            padding: 0 10px;
            border: 0;
            border-color: rgba(0, 0, 0, 0.09);
            box-shadow: none;
            height: 100%;
            line-height: 30px
        }

        .panel-control .pagination > li:not(.active):not(.disabled) > a:hover {
            background-color: rgba(0, 0, 0, 0.05);
            border-color: rgba(0, 0, 0, 0.09)
        }

        .panel-control .pagination > .disabled > a,
        .panel-control .pagination > .disabled > a:hover,
        .panel-control .pagination > .disabled > a:active {
            border-color: rgba(0, 0, 0, 0.09)
        }

        .panel-control .pagination > li:not(.active) > a,
        .pagination > li > a {
            background-color: transparent;
            color: inherit
        }

            .panel-control .pagination > li > a:hover,
            .pagination > li > a:focus {
                box-shadow: none
            }

    .panel-control .btn,
    .panel-control .dropdown-toggle.btn {
        border: 0
    }

        .panel-control .open > .btn,
        .panel-control .btn.active,
        .panel-control .btn:active {
            box-shadow: none !important
        }

    .panel-control .btn-default {
        background-color: transparent;
        color: inherit
    }

    .panel-control > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .panel-control > .btn:last-child,
    .panel-control > .btn-group:last-child > .btn:first-child {
        border-bottom-right-radius: 0
    }

@page {
    margin-top: 0;
    margin-bottom: 0
}

@media print {
    body,
    #container {
        background: transparent
    }

    .boxed {
        width: 100%
    }

    .panel {
        border-color: transparent;
        box-shadow: none
    }

    #container .no-print,
    #demo-set,
    .print-content #mainnav-container,
    .print-content #aside-container,
    .print-content #navbar,
    .print-content #footer,
    .print-content .scroll-top {
        display: none !important
    }

    #container.print-content #page-content,
    #container.print-content #content-container {
        padding: 0 !important;
        margin: 0 !important;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .print-inline {
        display: inline !important
    }

    .print-iblock {
        display: inline-block !important
    }

    .print-block {
        display: block !important
    }

    .no-print {
        display: none !important
    }
}

.v-middle {
    vertical-align: middle
}

.v-top {
    vertical-align: top
}

.v-bottom {
    vertical-align: bottom
}

.v-baseline {
    vertical-align: baseline
}

.table-toolbar-left,
.table-toolbar-right {
    text-align: center;
    padding-bottom: 10px
}

    .table-toolbar-right > .form-group {
        display: inline-block;
        vertical-align: top;
        margin: 0
    }

@media(min-width:760px) {
    .table-toolbar-left {
        float: left;
        text-align: left
    }

    .table-toolbar-right {
        text-align: right
    }
}

.pos-rel {
    position: relative
}

.pos-abs {
    position: absolute
}

.pos-fix {
    position: fixed
}

.pos-sta {
    position: static
}


.list-group-striped > li:nth-child(odd),
.list-group-striped > a:nth-child(odd):not(.active):not(.disabled) {
    background-color: rgba(0, 0, 0, 0.06)
}

.list-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 15px 0;
    height: 1px
}

.list-header {
    font-weight: 600;
    padding: 10px 0px;
    position: relative;
    list-style-type: none;
}

.list-item-sm {
    padding: 5px 15px
}

.list-item-lg {
    padding: 15px
}

.list-item-xl {
    padding: 20px 15px
}

.box-block {
    display: block
}

.box-inline {
    display: inline-block
}

.box-vmiddle {
    display: inline-block;
    max-width: 500px;
    vertical-align: middle;
    margin-bottom: 15px
}

.box-vmiddle-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-left: -15px
}

.bord-no {
    border: 0 !important
}

.bord-all {
    border: 1px solid #e9e9e9
}

.bord-top {
    border-top: 1px solid #e9e9e9
}

.bord-btm {
    border-bottom: 1px solid #e9e9e9
}

.bord-lft {
    border-left: 1px solid #e9e9e9
}

.bord-rgt {
    border-right: 1px solid #e9e9e9
}

.bord-ver {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.bord-hor {
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9
}

.text-thin {
    font-weight: 300
}

.text-normal {
    font-weight: normal
}

.text-semibold {
    font-weight: 600
}

.text-bold {
    font-weight: 700
}

.text-5x,
.text-4x,
.text-5x,
.text-2x,
.text-lg,
.text-sm,
.text-xs {
    line-height: 1.25;
    font-size: 4em
}

.text-4x {
    font-size: 4em
}

.text-3x {
    font-size: 3em
}

.text-2x {
    font-size: 2em
}

.text-lg {
    font-size: 1.2em
}

.text-sm {
    font-size: .9em
}

.text-xs {
    font-size: .8em
}

.text-overflow {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.text-unit {
    font-size: 15px;
    vertical-align: top;
    line-height: 1.5em
}

.unselectable {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

    .unselectable::selection {
        background-color: transparent;
        color: inherit
    }

    .unselectable::-moz-selection {
        background-color: transparent;
        color: inherit
    }

.text-justify {
    text-align: justify
}

    .text-justify:after {
        content: '';
        display: inline-block;
        width: 100%
    }

@media(min-width:1200px) {
    .text-lg-right {
        text-align: right
    }

    .text-lg-center {
        text-align: center
    }

    .text-lg-left {
        text-align: left
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .text-md-right {
        text-align: right
    }

    .text-md-center {
        text-align: center
    }

    .text-md-left {
        text-align: left
    }
}

@media(min-width:768px) and (max-width:992px) {
    .text-sm-right {
        text-align: right
    }

    .text-sm-center {
        text-align: center
    }

    .text-sm-left {
        text-align: left
    }
}

@media(max-width:760px) {
    .text-xs-right {
        text-align: right
    }

    .text-xs-center {
        text-align: center
    }

    .text-xs-left {
        text-align: left
    }
}

.icon-wrap {
    display: inline-block;
    padding: 10px;
    border-radius: 2px
}

    .icon-wrap i {
        display: block;
        line-height: 1em;
        text-align: center;
        position: relative;
        width: 1em;
        padding-top: 1em;
        vertical-align: middle
    }

        .icon-wrap i:before {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

    .icon-wrap .icon-txt {
        display: block;
        line-height: 1em;
        text-align: center;
        position: relative;
        width: 1em;
        vertical-align: top
    }

.icon-wrap-lg {
    padding: 20px
}

.icon-wrap-md {
    padding: 17px
}

.icon-wrap-sm {
    padding: 12px
}

.icon-wrap-xs {
    padding: 7px
}

.icon-circle {
    border-radius: 50%
}

.icon-fw {
    width: 1.33em;
    margin-right: 4px;
    text-align: center
}

.icon-lg {
    font-size: 1.333em;
    line-height: 1.095em;
    vertical-align: middle
}

.icon-2x {
    font-size: 2em;
    line-height: 1em
}

.icon-3x {
    font-size: 3em;
    line-height: 1em
}

.icon-4x {
    font-size: 4em;
    line-height: 1em
}

.icon-5x {
    font-size: 5em;
    line-height: 1em
}

.img-mar {
    margin: 5px
}

.img-border {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1)
}

.img-border-light {
    box-shadow: 0 0 0 4px #fff
}

.img-xs {
    width: 32px;
    height: 32px
}

.img-md {
    width: 64px;
    height: 64px
}

.img-sm {
    width: 46px;
    height: 46px
}

.img-lg {
    width: 96px;
    height: 96px
}

.img-holder img {
    max-width: 100%;
    border-radius: 0
}

.mar-no {
    margin: 0 !important
}

.mar-all {
    margin: 15px
}

.mar-top {
    margin-top: 15px
}

.mar-btm {
    margin-bottom: 15px
}

.mar-lft {
    margin-left: 15px
}

.mar-rgt {
    margin-right: 15px
}

.mar-hor {
    margin-left: 15px;
    margin-right: 15px
}

.mar-ver {
    margin-top: 15px;
    margin-bottom: 15px
}

.pad-no {
    padding: 0 !important
}

.pad-all {
    padding: 15px
}

.pad-top {
    padding-top: 15px
}

.pad-btm {
    padding-bottom: 15px
}

.pad-lft {
    padding-left: 15px
}

.pad-rgt {
    padding-right: 15px
}

.pad-hor {
    padding-left: 15px;
    padding-right: 15px
}

.pad-ver {
    padding-top: 15px;
    padding-bottom: 15px
}

a.disabled-link, a.disabled-link:visited, a.disabled-link:active, a.disabled-link:hover {
    color: #aaa !important;
    cursor: default
}

.eq-height, .eq-height.eq-auto {
    display: table;
    table-layout: fixed;
    height: 100%;
    margin-bottom: 0;
    width: 100%
}

    .eq-height.eq-auto {
        table-layout: auto
    }

    .eq-height .eq-box-xs {
        display: table-cell;
        height: 100%;
        vertical-align: top;
        float: none
    }

    .eq-height > * > .panel {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }

    .eq-height [class*="eq-box"].eq-no-panel {
        padding-bottom: 0
    }

.eq-min-width {
    width: 1%
}

.eq-no-panel:after {
    content: '';
    display: table;
    width: 100%;
    table-layout: fixed
}

.readyOnlyClass {
    color: red;
}

@media(min-width:1200px) {
    .eq-height .eq-box-lg {
        display: table-cell;
        height: 100%;
        vertical-align: top;
        float: none;
        padding-bottom: 15px
    }

        .eq-height .eq-box-lg .panel {
            margin-bottom: 0
        }
}

@media(min-width:992px) {
    .eq-height .eq-box-md {
        display: table-cell;
        height: 100%;
        vertical-align: top;
        float: none;
        padding-bottom: 15px
    }

        .eq-height .eq-box-md .panel {
            margin-bottom: 0
        }
}

@media(min-width:768px) {
    .eq-height .eq-box-sm {
        display: table-cell;
        height: 100%;
        vertical-align: top;
        float: none;
        padding-bottom: 15px
    }

        .eq-height .eq-box-sm .panel {
            margin-bottom: 0
        }
}




.checkbox .cr, .radio .cr {
    position: relative !important;
    display: inline-block;
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
    width: 18px;
    height: 18px;
    float: left;
    margin-right: .5em;
    color: #397E68;
}

    .checkbox .cr .cr-icon, .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

.no-text-decoration {
    text-decoration: none !important;
}

    .no-text-decoration:hover {
        text-decoration: none !important;
    }

._bg_spl_clr {
    background: #f4f4f8 !important;
}

#forgotpassword_btn a:active ~ .content-theme-setting {
    border: solid 1px red !important;
}

._back_lgn_btn_view_edit {
    width: 68.5% !important;
    margin: 15px 0 0 0 !important;
}

@media screen and (max-width: 770px) {
    ._back_lgn_btn_view_edit {
        margin: 25px 0 0 0 !important;
        width: 100% !important;
    }

        ._back_lgn_btn_view_edit:after {
            left: -185px;
        }
}

@media screen and (max-width: 480px) {
    .main-logo {
        background-size: 50%;
        background-position: center !important;
        width: auto !important;
    }

    .login-main-section {
        width: 315px;
    }

    .login-hdr-section {
        padding: 15px 40px 18px 40px;
    }

    .login-main-content-section {
        width: 313px !important;
    }

    .login-username-lbl {
        text-align: left !important;
        padding: 0px !important;
    }

    .hdr-main {
        font-size: 14px !important;
    }

    .login-input {
        width: 282px !important;
        margin: 0px !important;
    }

    #NextButton {
        width: 100% !important;
        margin: 10px 0 0 0px !important;
    }

        #NextButton:after {
            left: 112px !important;
        }

    ._log_chkbox_algn label {
        width: 100%;
        text-align: left !important;
        margin-bottom: 0px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 0px;
    }

    #login-back-btn {
        margin-left: 0px !important;
        width: 48% !important;
    }

    #loginButton {
        width: 48% !important;
    }

    #password-recovery-hdr {
        text-align: center !important;
        margin: 0 !important;
    }

    #success-hdr {
        text-align: center !important;
        margin: 0 !important;
    }

    .password-req-txt {
        text-align: center;
        left: 0px;
        width: 100%;
    }

    .login-btn-align {
        padding: 0px !important;
    }

    ._cancel_spl_btn {
        margin: 10px 0 0 0 !important;
        width: 49% !important;
    }

    #btnSend {
        width: 49% !important;
    }

    #content-container {
        height: 100vh !important;
    }
}

@media screen and (min-width:480px) and (max-width: 767px) {
    .login-main-section {
        width: 450px !important;
    }

    .login-main-content-section {
        width: 448px !important;
    }

    .login-username-lbl {
        text-align: left !important;
    }

    .login-input {
        margin: 5px 0 0 58px !important;
    }

    #NextButton {
        width: 71.5% !important;
        margin: 10px 0 0 0 !important;
    }

    .login-username-lbl {
        padding: 11px 0px 0px 60px !important;
    }
}

@media screen and (min-width:480px) and (max-width: 767px) {
    ._log_chkbox_algn label {
        width: 100%;
        text-align: left !important;
        margin: 10px 0 0 59px !important;
        padding: 0px;
    }

    #login-back-btn {
        margin-left: 58px !important;
        width: 34.5% !important;
    }

    #loginButton {
        width: 34.5% !important;
    }

    .login-btn-align {
        padding: 0px 56px 0 58px !important;
    }

    .password-req-txt {
        text-align: center;
        left: 0px;
        width: 100%;
    }

    ._cancel_spl_btn {
        margin: 10px 0 0 0 !important;
        width: 49% !important;
    }

    #btnSend {
        width: 49% !important;
    }

    #content-container {
        height: 100vh !important;
    }
}


.succ-txt-hdr {
    color: #397E68;
    font-weight: 900;
    margin: 0px 0px 0px 130px;
    font-size: 14px;
    font-family: Lato;
}

.succ-txt-cnt {
    margin: 0px 0 0 0;
    position: relative;
    top: 10px;
    left: 130px;
    width: 300px;
    line-height: 16px;
}

._lens_icons_ser {
    margin: 20px 54px 0 -1px;
    position: absolute !important;
    right: 0;
}

._spl_algn_lbl {
    padding-left: 0;
}

._req_act_btn {
    margin: 20px 0 20px 5px;
    width: 89%;
}

@media screen and (max-width: 480px) {
    .succ-txt-hdr {
        text-align: center;
        margin: 0px;
    }

    .succ-txt-cnt {
        text-align: center;
        left: 0px;
    }

    .req-acc-lbl {
        text-align: left;
        padding: 8px;
        margin: 0px;
    }

    .req-acc-input {
        width: 96% !important
    }

    #send-request-btn {
        width: 100%;
    }

    ._lens_icons_ser {
        margin: 12px 15px 0 -1px;
        position: absolute !important;
        right: 0;
    }

    ._req_act_btn {
        margin: 20px 0 20px 132px;
        width: 51%;
    }

    ._req_act_btn {
        margin: 20px 0 20px 5px;
        width: 100%;
    }

    .req-hdr-an-spl {
        margin: 0px 0 0 13px;
    }
}

@media screen and (min-width:480px) and (max-width: 767px) {
    .succ-txt-hdr {
        text-align: center;
        margin: 0px;
    }

    .succ-txt-cnt {
        text-align: center;
        left: 0px;
        width: 100%;
    }

    .req-acc-lbl {
        text-align: left;
        padding: 8px;
        margin: 0px;
    }

    .req-acc-input {
        width: 96% !important
    }

    ._lens_icons_ser {
        margin: 15px 15px 0 -1px;
        position: absolute !important;
        right: 0;
    }

    ._req_act_btn {
        margin: 20px 0 20px 5px;
        width: 97%;
    }

    .req-hdr-an-spl {
        margin: 0px 0 0 13px;
    }
}

@media screen and (min-width:767px) and (max-width:1220px) {
    .req-acc-lbl {
        text-align: left;
        padding: 8px;
        margin: 0px;
    }

    .req-acc-input {
        width: 96% !important
    }

    ._lens_icons_ser {
        margin: 21px 25px 0 -1px;
        position: absolute !important;
        right: 0;
    }

    ._req_act_btn {
        margin: 20px 0 20px 5px;
        width: 97%;
    }

    .req-hdr-an-spl {
        margin: 0px 0 0 13px;
    }
}

._popover_view {
    background: #2c3a41 !important;
    border-radius: 0 !important;
    color: #fff !important;
    padding: 16px 0 0 0 !important;
    margin-left: 0 !important;
    height: 52px;
    width: 180px !important;
    box-shadow: none !important;
}

.spl_green_active {
    color: #005044 !important
}


#user-view-table_wrapper .dataTables_scrollBody {
    height: 800px;
}

.gary-color {
    color: #6F7573 !important;
}

table[table-theme='theme-1'] {
    width: 100%;
    margin: 0px 0 0 0;
}

    table[table-theme='theme-1'] > thead > tr > td,
    table[table-theme='theme-1'] > thead > tr > th {
        background-color: #e2ece9 !important;
        color: #235545;
        font-size: 13px;
        font-weight: normal;
        padding: 10px 9px 10px 9px;
        border-right: 2px solid #ffffff;
        border-top: 2px solid #397e68 !important;
    }

    table[table-theme='theme-1'] > tbody > tr > td,
    table[table-theme='theme-1'] > tbody > tr > th,
    table[table-theme='theme-1'] > tfoot > tr > td,
    table[table-theme='theme-1'] > tfoot > tr > th {
        border-bottom: 1px solid #e4e4e4;
        font-weight: normal;
        color: #235545;
        padding: 9px 9px 9px 9px;
    }

    table[table-theme='theme-1'] > tbody > tr:nth-child(even) {
        background-color: #f4f4f4;
    }


#user-view-table_wrapper .sorting {
    background: url(../images/sort_both.png) no-repeat center right,linear-gradient(180deg, #e2ece9 0%, #e2ece9 100%) !important;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #397e68;
}

#user-view-table_wrapper .sorting_desc {
    background: url(../images/sort_desc.png) no-repeat center right,#e2ece9 !important;
    border-right: solid 2px #fff;
    border-top: 2px solid #397e68;
}

#user-view-table_wrapper .sorting_asc {
    background: url(../images/sort_asc.png) no-repeat center right,#e2ece9 !important;
    border-right: solid 2px #fff;
    border-top: 2px solid #397e68;
}

.top-4px {
    top: 4px;
}

.spl-color-1 {
    color: #668595 !important;
}

.deep-red-color {
    color: #d0021b !important;
}

.background-transparent {
    background: transparent !important;
}

.col-cus-2 {
    width: 20%;
    float: left;
}

._browser_section_div {
    padding: 0 31px 0 31px !important;
    margin: 32px auto 0 !important;
}

.right-10px {
    right: 10px !important;
}

.text-transform-none {
    text-transform: none !important;
}

#success-hdr {
    margin: 0px 0px 0px 154px !important;
}

.select-picker-bt-drop-div {
    padding: 0px !important;
    margin: 10px 0 0 9px !important;
    border-radius: 0 !important;
}

    .select-picker-bt-drop-div button {
        border-radius: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

.drop-img-div {
    width: 100%;
    vertical-align: middle;
    background: url(../images/icons/Ico_Drop_Arrow.svg);
    background-repeat: no-repeat;
    outline: none;
    -webkit-appearance: none !important;
    background-position: right 0;
    background-size: 14px;
    height: 34px;
    position: relative;
    z-index: 10000000;
}

._chk_spl_1 {
    background-color: #fff;
    height: auto;
    padding: 0px 13px 20px 13px;
    max-height: 199px;
    border: 1px solid #d4d4d4;
    margin-top: 15px;
}

._cpy_rg_rg_h_edt_ctm {
    position: relative;
    bottom: 22px;
}

#user-img-view {
    object-fit: cover !important;
}

#user-img-view1 {
    object-fit: cover !important;
}

.background-extra-white {
    background: #f4f4f4 !important;
}

.height-100-vh {
    height: 100vh !important;
}

.main-grid-bdr-solid {
    border: 1px solid #D4D4D4 !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

._grid-bdr-div {
    border-left: solid 5px #00b67c;
    color: #103227;
}

._grid-bdr-div-active {
    background-color: #00b67c;
    color: #fff;
    border: 0;
}

[_table_cntrl_search='true'] {
    position: relative;
}

    [_table_cntrl_search='true'] input, select {
        border: solid 1px #d7d7d7;
        width: 100%;
        height: 33px;
        padding: 0 5px 0 5px;
        color: #103227;
    }

._grid_bdr_rt_tblr {
    border: solid 1px #ccc;
    padding: 0px 0px 0px 15px !important;
    border-left: solid 3px #099e6e;
}

._grid_bdr_rt_tblr_sb_dv {
    padding: 10px 0 10px 0;
}

.extra-deep-lite-gray-background-color {
    background: #f0f0f0 !important;
}

.min-height-100-vh {
    min-height: 100vh !important;
}

.main-grid-bdr-solid {
    border: 1px solid #D4D4D4 !important;
}

.border-solid-dark-gray {
    border: solid 1px #e0e0e0 !important;
}

.table-main-bdr-bottm-bdr {
    border-bottom: solid 1px #e4e4e4 !important;
}

._grid_bdr_rt_tblr_vw_btn {
    background: #f0f0f0;
    padding: 13.5px 20px 13.5px 20px;
    border-left: solid 1px #ccc;
}

table[table-theme='theme-6'] {
    width: 100%;
    margin: 0px 0 0 0;
}

    table[table-theme='theme-6'] > thead > tr > th {
        font-size: 10px;
        background: url(../images/sort_both.png) no-repeat center right,linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%) !important;
        border: solid 1px #D4D4D4;
        padding: 11px 10px 11px 10px;
        color: #397E68 !important;
        font-weight: 900;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    table[table-theme='theme-6'] > thead > tr > td {
        background-color: #e2ece9;
        color: #103227;
        font-size: 12px;
        font-weight: normal;
        padding: 5px 9px 5px 9px;
        border-right: 2px solid #ffffff;
        border-top: 2px solid #397e68;
    }

    table[table-theme='theme-6'] > tbody > tr > td,
    table[table-theme='theme-6'] > tbody > tr > th,
    table[table-theme='theme-6'] > tfoot > tr > td,
    table[table-theme='theme-6'] > tfoot > tr > th {
        border-bottom: 1px solid #e4e4e4;
        font-weight: normal;
        color: #103227;
        padding: 9px 9px 9px 9px;
        line-height: 15px;
    }

    table[table-theme='theme-6'] > tbody > tr:nth-child(odd) {
        background-color: #fff;
    }

    table[table-theme='theme-6'] > tbody > tr:last-child td {
        border-bottom: 0 !important;
    }

    table[table-theme='theme-6'] > thead th:last-child {
        background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%) !important;
    }

        table[table-theme='theme-6'] > thead th:last-child[role=columnheader]:not(.no-sort):after {
            background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%) !important;
        }

    table[table-theme='theme-6'] > thead th[role=columnheader]:not(.no-sort):after {
        top: 8px !important;
    }

.height-28 {
    height: 28px !important;
}

.sub-hdr-section-act {
    box-shadow: inset 0 1px 1px 0 #C4C4C4, inset 0 1px 1px 0 #B4B4B4;
    background-color: #f2f2f2;
    height: 100vh;
}

.panel-hdr-1 {
    background-color: #f2f2f2;
    height: 38px !important;
}

.panel-height-setting-sub {
    min-height: 90vh;
    height: 90vh !important;
    background: #fff;
}

._mdl_ftr_btn_section {
    padding: 0 25px 0 25px;
}

._mdl_ftr_btn_section_2 {
    padding: 0 40px 0 10px;
}

.width-49per {
    width: 49% !important;
}

.width-48per {
    width: 48% !important;
}

._zfn_1 {
    z-index: 100000;
}

._cintas_guardian_alert_section {
    display: none;
}

._gud_alert_txt {
    display: none;
}

._cint_alert_txt {
    display: none;
}

/*===20220908===*/
.language-switch {
    display: flex !important;
    justify-content: center;
}

#loading-dot {
    display: none;
}

#login-loading-dot {
    display: none;
}